@ndla/ui 29.0.0 → 30.0.1

package/lib/NDLAFilm/MovieGrid.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalculatedCarouselProps } from '@ndla/carousel';
 import { MovieResourceType, MovieType } from './types';
 interface Props {
@@ -10,5 +9,5 @@ interface Props {
     loadingPlaceholderHeight?: string;
     resizeThumbnailImages?: boolean;
 }
-declare const MovieGrid: ({ resourceTypeName, fetchingMoviesByType, moviesByType, resourceTypes, loadingPlaceholderHeight, autoSizedProps, resizeThumbnailImages, }: Props) => JSX.Element;
+declare const MovieGrid: ({ resourceTypeName, fetchingMoviesByType, moviesByType, resourceTypes, loadingPlaceholderHeight, autoSizedProps, resizeThumbnailImages, }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default MovieGrid;

package/lib/NDLAFilm/MovieGrid.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -17,18 +17,22 @@ var _FilmContentCard = _interopRequireDefault(require("./FilmContentCard"));
 
 var _filmStyles = require("./filmStyles");
 
-var _core2 = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var MovieListing = (0, _styledBase["default"])("div", {
-  target: "e1t64qur0",
+var MovieListing = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "e1t64qur1"
+} : {
+  target: "e1t64qur1",
   label: "MovieListing"
 })("display:flex;flex-wrap:wrap;margin:", _core.spacing.small, " 0;margin-left:", function (props) {
   return props.marginLeft && "".concat(props.marginLeft, "px");
-}, ";", (0, _filmStyles.setAnimations)(), ";> div{opacity:0;animation-fill-mode:forwards;animation-name:fadeIn;animation-duration:300ms;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vdmllR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWtEIiwiZmlsZSI6Ik1vdmllR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ2FsY3VsYXRlZENhcm91c2VsUHJvcHMgfSBmcm9tICdAbmRsYS9jYXJvdXNlbCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZCBmcm9tICcuL0ZpbG1Db250ZW50Q2FyZCc7XG5pbXBvcnQgeyBNb3ZpZVJlc291cmNlVHlwZSwgTW92aWVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBzZXRBbmltYXRpb25zLCBTdHlsZWRIZWFkaW5nSDEgfSBmcm9tICcuL2ZpbG1TdHlsZXMnO1xuXG5pbnRlcmZhY2UgTW92aWVMaXN0aW5nUHJvcHMge1xuICBtYXJnaW5MZWZ0PzogbnVtYmVyO1xufVxuXG5jb25zdCBNb3ZpZUxpc3RpbmcgPSBzdHlsZWQuZGl2PE1vdmllTGlzdGluZ1Byb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgbWFyZ2luLWxlZnQ6ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW5MZWZ0ICYmIGAke3Byb3BzLm1hcmdpbkxlZnR9cHhgfTtcbiAgJHtzZXRBbmltYXRpb25zKCl9O1xuICA+IGRpdiB7XG4gICAgb3BhY2l0eTogMDtcbiAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgICBhbmltYXRpb24tbmFtZTogZmFkZUluO1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMzAwbXM7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBMb2FkaW5nUGxhY2Vob2xkZXJQcm9wcyB7XG4gIGhlaWdodD86IHN0cmluZztcbn1cblxuY29uc3QgTG9hZGluZ1BsYWNlaG9sZGVyID0gc3R5bGVkLmRpdjxMb2FkaW5nUGxhY2Vob2xkZXJQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhdXRvU2l6ZWRQcm9wczogQ2FsY3VsYXRlZENhcm91c2VsUHJvcHM7XG4gIHJlc291cmNlVHlwZU5hbWU/OiBNb3ZpZVJlc291cmNlVHlwZTtcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGU6IGJvb2xlYW47XG4gIG1vdmllc0J5VHlwZTogTW92aWVUeXBlW107XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIGxvYWRpbmdQbGFjZWhvbGRlckhlaWdodD86IHN0cmluZztcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTW92aWVHcmlkID0gKHtcbiAgcmVzb3VyY2VUeXBlTmFtZSxcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGUsXG4gIG1vdmllc0J5VHlwZSxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgbG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0LFxuICBhdXRvU2l6ZWRQcm9wcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxzZWN0aW9uPlxuICAgICAgPFN0eWxlZEhlYWRpbmdIMSBtYXJnaW5MZWZ0PXthdXRvU2l6ZWRQcm9wcy5tYXJnaW59PlxuICAgICAgICB7cmVzb3VyY2VUeXBlTmFtZSAmJiByZXNvdXJjZVR5cGVOYW1lLm5hbWV9XG4gICAgICAgIDxzbWFsbD5cbiAgICAgICAgICB7ZmV0Y2hpbmdNb3ZpZXNCeVR5cGVcbiAgICAgICAgICAgID8gdCgnbmRsYUZpbG0ubG9hZGluZ01vdmllcycpXG4gICAgICAgICAgICA6IGAke21vdmllc0J5VHlwZS5sZW5ndGh9ICR7dCgnbmRsYUZpbG0ubW92aWVNYXRjaEluQ2F0ZWdvcnknKX1gfVxuICAgICAgICA8L3NtYWxsPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nSDE+XG4gICAgICA8TW92aWVMaXN0aW5nIG1hcmdpbkxlZnQ9e2F1dG9TaXplZFByb3BzLm1hcmdpbn0+XG4gICAgICAgIHtmZXRjaGluZ01vdmllc0J5VHlwZSAmJiA8TG9hZGluZ1BsYWNlaG9sZGVyIGhlaWdodD17bG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0fSAvPn1cbiAgICAgICAgeyFmZXRjaGluZ01vdmllc0J5VHlwZSAmJlxuICAgICAgICAgIG1vdmllc0J5VHlwZS5tYXAoKG1vdmllKSA9PiAoXG4gICAgICAgICAgICA8RmlsbUNvbnRlbnRDYXJkXG4gICAgICAgICAgICAgIGhpZGVUYWdzXG4gICAgICAgICAgICAgIG1vdmllPXttb3ZpZX1cbiAgICAgICAgICAgICAgY29sdW1uV2lkdGg9e2F1dG9TaXplZFByb3BzLmNvbHVtbldpZHRofVxuICAgICAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtcz17YXV0b1NpemVkUHJvcHMuZGlzdGFuY2VCZXR3ZWVuSXRlbXN9XG4gICAgICAgICAgICAgIHJlc291cmNlVHlwZXM9e3Jlc291cmNlVHlwZXN9XG4gICAgICAgICAgICAgIHJlc2l6ZVRodW1ibmFpbEltYWdlcz17cmVzaXplVGh1bWJuYWlsSW1hZ2VzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgIDwvTW92aWVMaXN0aW5nPlxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1vdmllR3JpZDtcbiJdfQ== */"));
-var LoadingPlaceholder = (0, _styledBase["default"])("div", {
-  target: "e1t64qur1",
+}, ";", (0, _filmStyles.setAnimations)(), ";>div{opacity:0;animation-fill-mode:forwards;animation-name:fadeIn;animation-duration:300ms;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vdmllR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWtEIiwiZmlsZSI6Ik1vdmllR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ2FsY3VsYXRlZENhcm91c2VsUHJvcHMgfSBmcm9tICdAbmRsYS9jYXJvdXNlbCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZCBmcm9tICcuL0ZpbG1Db250ZW50Q2FyZCc7XG5pbXBvcnQgeyBNb3ZpZVJlc291cmNlVHlwZSwgTW92aWVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBzZXRBbmltYXRpb25zLCBTdHlsZWRIZWFkaW5nSDEgfSBmcm9tICcuL2ZpbG1TdHlsZXMnO1xuXG5pbnRlcmZhY2UgTW92aWVMaXN0aW5nUHJvcHMge1xuICBtYXJnaW5MZWZ0PzogbnVtYmVyO1xufVxuXG5jb25zdCBNb3ZpZUxpc3RpbmcgPSBzdHlsZWQuZGl2PE1vdmllTGlzdGluZ1Byb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgbWFyZ2luLWxlZnQ6ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW5MZWZ0ICYmIGAke3Byb3BzLm1hcmdpbkxlZnR9cHhgfTtcbiAgJHtzZXRBbmltYXRpb25zKCl9O1xuICA+IGRpdiB7XG4gICAgb3BhY2l0eTogMDtcbiAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgICBhbmltYXRpb24tbmFtZTogZmFkZUluO1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMzAwbXM7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBMb2FkaW5nUGxhY2Vob2xkZXJQcm9wcyB7XG4gIGhlaWdodD86IHN0cmluZztcbn1cblxuY29uc3QgTG9hZGluZ1BsYWNlaG9sZGVyID0gc3R5bGVkLmRpdjxMb2FkaW5nUGxhY2Vob2xkZXJQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhdXRvU2l6ZWRQcm9wczogQ2FsY3VsYXRlZENhcm91c2VsUHJvcHM7XG4gIHJlc291cmNlVHlwZU5hbWU/OiBNb3ZpZVJlc291cmNlVHlwZTtcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGU6IGJvb2xlYW47XG4gIG1vdmllc0J5VHlwZTogTW92aWVUeXBlW107XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIGxvYWRpbmdQbGFjZWhvbGRlckhlaWdodD86IHN0cmluZztcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTW92aWVHcmlkID0gKHtcbiAgcmVzb3VyY2VUeXBlTmFtZSxcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGUsXG4gIG1vdmllc0J5VHlwZSxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgbG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0LFxuICBhdXRvU2l6ZWRQcm9wcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxzZWN0aW9uPlxuICAgICAgPFN0eWxlZEhlYWRpbmdIMSBtYXJnaW5MZWZ0PXthdXRvU2l6ZWRQcm9wcy5tYXJnaW59PlxuICAgICAgICB7cmVzb3VyY2VUeXBlTmFtZSAmJiByZXNvdXJjZVR5cGVOYW1lLm5hbWV9XG4gICAgICAgIDxzbWFsbD5cbiAgICAgICAgICB7ZmV0Y2hpbmdNb3ZpZXNCeVR5cGVcbiAgICAgICAgICAgID8gdCgnbmRsYUZpbG0ubG9hZGluZ01vdmllcycpXG4gICAgICAgICAgICA6IGAke21vdmllc0J5VHlwZS5sZW5ndGh9ICR7dCgnbmRsYUZpbG0ubW92aWVNYXRjaEluQ2F0ZWdvcnknKX1gfVxuICAgICAgICA8L3NtYWxsPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nSDE+XG4gICAgICA8TW92aWVMaXN0aW5nIG1hcmdpbkxlZnQ9e2F1dG9TaXplZFByb3BzLm1hcmdpbn0+XG4gICAgICAgIHtmZXRjaGluZ01vdmllc0J5VHlwZSAmJiA8TG9hZGluZ1BsYWNlaG9sZGVyIGhlaWdodD17bG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0fSAvPn1cbiAgICAgICAgeyFmZXRjaGluZ01vdmllc0J5VHlwZSAmJlxuICAgICAgICAgIG1vdmllc0J5VHlwZS5tYXAoKG1vdmllKSA9PiAoXG4gICAgICAgICAgICA8RmlsbUNvbnRlbnRDYXJkXG4gICAgICAgICAgICAgIGhpZGVUYWdzXG4gICAgICAgICAgICAgIG1vdmllPXttb3ZpZX1cbiAgICAgICAgICAgICAgY29sdW1uV2lkdGg9e2F1dG9TaXplZFByb3BzLmNvbHVtbldpZHRofVxuICAgICAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtcz17YXV0b1NpemVkUHJvcHMuZGlzdGFuY2VCZXR3ZWVuSXRlbXN9XG4gICAgICAgICAgICAgIHJlc291cmNlVHlwZXM9e3Jlc291cmNlVHlwZXN9XG4gICAgICAgICAgICAgIHJlc2l6ZVRodW1ibmFpbEltYWdlcz17cmVzaXplVGh1bWJuYWlsSW1hZ2VzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgIDwvTW92aWVMaXN0aW5nPlxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1vdmllR3JpZDtcbiJdfQ== */"));
+var LoadingPlaceholder = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "e1t64qur0"
+} : {
+  target: "e1t64qur0",
   label: "LoadingPlaceholder"
 })("height:", function (props) {
   return props.height;
@@ -46,14 +50,14 @@ var MovieGrid = function MovieGrid(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  return (0, _core2.jsx)("section", null, (0, _core2.jsx)(_filmStyles.StyledHeadingH1, {
+  return (0, _react2.jsx)("section", null, (0, _react2.jsx)(_filmStyles.StyledHeadingH1, {
     marginLeft: autoSizedProps.margin
-  }, resourceTypeName && resourceTypeName.name, (0, _core2.jsx)("small", null, fetchingMoviesByType ? t('ndlaFilm.loadingMovies') : "".concat(moviesByType.length, " ").concat(t('ndlaFilm.movieMatchInCategory')))), (0, _core2.jsx)(MovieListing, {
+  }, resourceTypeName && resourceTypeName.name, (0, _react2.jsx)("small", null, fetchingMoviesByType ? t('ndlaFilm.loadingMovies') : "".concat(moviesByType.length, " ").concat(t('ndlaFilm.movieMatchInCategory')))), (0, _react2.jsx)(MovieListing, {
     marginLeft: autoSizedProps.margin
-  }, fetchingMoviesByType && (0, _core2.jsx)(LoadingPlaceholder, {
+  }, fetchingMoviesByType && (0, _react2.jsx)(LoadingPlaceholder, {
     height: loadingPlaceholderHeight
   }), !fetchingMoviesByType && moviesByType.map(function (movie) {
-    return (0, _core2.jsx)(_FilmContentCard["default"], {
+    return (0, _react2.jsx)(_FilmContentCard["default"], {
       hideTags: true,
       movie: movie,
       columnWidth: autoSizedProps.columnWidth,

package/lib/NDLAFilm/NavigationArrow.d.ts

@@ -15,6 +15,9 @@ interface Props {
 interface StyledNavigationArrowProps {
     right?: boolean;
 }
-export declare const StyledNavigationArrow: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledNavigationArrowProps, object>;
-declare const NavigationArrow: ({ slideIndexTarget, gotoSlide, rightArrow }: Props) => JSX.Element;
+export declare const StyledNavigationArrow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+} & StyledNavigationArrowProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NavigationArrow: ({ slideIndexTarget, gotoSlide, rightArrow }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default NavigationArrow;

package/lib/NDLAFilm/NavigationArrow.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.StyledNavigationArrow = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -13,7 +13,7 @@ var _common = require("@ndla/icons/common");
 
 var _core = require("@ndla/core");
 
-var _core2 = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -24,8 +24,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
-var StyledNavigationArrow = (0, _styledBase["default"])("div", {
-  target: "e1t1wmd10",
+var StyledNavigationArrow = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "e1t1wmd11"
+} : {
+  target: "e1t1wmd11",
   label: "StyledNavigationArrow"
 })("opacity:0;transition:transform 800ms ease,opacity 800ms ease;display:flex;justify-content:center;flex-direction:column;position:absolute;align-items:center;z-index:2;height:70vw;", _core.mq.range({
   from: _core.breakpoints.tablet
@@ -35,32 +37,42 @@ var StyledNavigationArrow = (0, _styledBase["default"])("div", {
   from: _core.breakpoints.wide
 }), "{height:40vw;}", _core.mq.range({
   from: _core.breakpoints.ultraWide
-}), "{height:36vw;}transform:translate(", _core.spacing.xsmall, ",0);", function (props) {
-  return props.right && /*#__PURE__*/(0, _core2.css)("right:0;transform:translate(-", _core.spacing.xsmall, ",0);;label:StyledNavigationArrow;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RPIiwiZmlsZSI6Ik5hdmlnYXRpb25BcnJvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIENoZXZyb25MZWZ0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2xpZGVJbmRleFRhcmdldDogbnVtYmVyO1xuICBzbGlkZXNob3dMZW5ndGg/OiBudW1iZXI7XG4gIGdvdG9TbGlkZTogKGluZGV4VGFyZ2V0OiBudW1iZXIsIHVzZUFuaW1hdGlvbjogYm9vbGVhbikgPT4gdm9pZDtcbiAgcmlnaHRBcnJvdz86IGJvb2xlYW47XG59XG5cbmludGVyZmFjZSBTdHlsZWROYXZpZ2F0aW9uQXJyb3dQcm9wcyB7XG4gIHJpZ2h0PzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdmlnYXRpb25BcnJvdyA9IHN0eWxlZC5kaXY8U3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHM+YFxuICBvcGFjaXR5OiAwO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gODAwbXMgZWFzZSwgb3BhY2l0eSA4MDBtcyBlYXNlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB6LWluZGV4OiAyO1xuICBoZWlnaHQ6IDcwdnc7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDYwdnc7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBoZWlnaHQ6IDU1dnc7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDQwdnc7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnVsdHJhV2lkZSB9KX0ge1xuICAgIGhlaWdodDogMzZ2dztcbiAgfVxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcueHNtYWxsfSwgMCk7XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLnJpZ2h0ICYmXG4gICAgY3NzYFxuICAgICAgcmlnaHQ6IDA7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAgIGB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uQXJyb3dCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXI6IDA7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIC5jLWljb24ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjEpO1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uQ3NzID0gY3NzYFxuICBmaWxsOiAke2NvbG9ycy53aGl0ZX07XG4gIHdpZHRoOiA1MnB4O1xuICBoZWlnaHQ6IDUycHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDc4cHg7XG4gICAgaGVpZ2h0OiA3OHB4O1xuICB9XG4gIG9wYWNpdHk6IDAuNztcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDQwMG1zIGVhc2UsIG9wYWNpdHkgNDAwbXMgZWFzZTtcbiAgJHtOYXZpZ2F0aW9uQXJyb3dCdXR0b259OmZvY3VzIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93ID0gKHsgc2xpZGVJbmRleFRhcmdldCwgZ290b1NsaWRlLCByaWdodEFycm93IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IENoZXZyb24gPSByaWdodEFycm93ID8gQ2hldnJvblJpZ2h0IDogQ2hldnJvbkxlZnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTmF2aWdhdGlvbkFycm93IHJpZ2h0PXtyaWdodEFycm93fT5cbiAgICAgIDxOYXZpZ2F0aW9uQXJyb3dCdXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGdvdG9TbGlkZShzbGlkZUluZGV4VGFyZ2V0LCB0cnVlKTtcbiAgICAgICAgfX0+XG4gICAgICAgIDxDaGV2cm9uIGNzcz17Y2hldnJvbkNzc30gLz5cbiAgICAgIDwvTmF2aWdhdGlvbkFycm93QnV0dG9uPlxuICAgIDwvU3R5bGVkTmF2aWdhdGlvbkFycm93PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkFycm93O1xuIl19 */"));
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIyRSIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0LCBDaGV2cm9uTGVmdCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLSR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgICBgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAwO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAuYy1pY29uIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvbkNzcyA9IGNzc2BcbiAgZmlsbDogJHtjb2xvcnMud2hpdGV9O1xuICB3aWR0aDogNTJweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIGhlaWdodDogNzhweDtcbiAgfVxuICBvcGFjaXR5OiAwLjc7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA0MDBtcyBlYXNlLCBvcGFjaXR5IDQwMG1zIGVhc2U7XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpmb2N1cyB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06aG92ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvdyA9ICh7IHNsaWRlSW5kZXhUYXJnZXQsIGdvdG9TbGlkZSwgcmlnaHRBcnJvdyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBDaGV2cm9uID0gcmlnaHRBcnJvdyA/IENoZXZyb25SaWdodCA6IENoZXZyb25MZWZ0O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25BcnJvdyByaWdodD17cmlnaHRBcnJvd30+XG4gICAgICA8TmF2aWdhdGlvbkFycm93QnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBnb3RvU2xpZGUoc2xpZGVJbmRleFRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIH19PlxuICAgICAgICA8Q2hldnJvbiBjc3M9e2NoZXZyb25Dc3N9IC8+XG4gICAgICA8L05hdmlnYXRpb25BcnJvd0J1dHRvbj5cbiAgICA8L1N0eWxlZE5hdmlnYXRpb25BcnJvdz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25BcnJvdztcbiJdfQ== */");
+}), "{height:36vw;}transform:translate(", _core.spacing.xsmall, ", 0);", function (props) {
+  return props.right &&
+  /*#__PURE__*/
+
+  /*#__PURE__*/
+  (0, _react2.css)("right:0;transform:translate(-", _core.spacing.xsmall, ", 0);" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledNavigationArrow;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RPIiwiZmlsZSI6Ik5hdmlnYXRpb25BcnJvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIENoZXZyb25MZWZ0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLSR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgICBgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAwO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAuYy1pY29uIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvbkNzcyA9IGNzc2BcbiAgZmlsbDogJHtjb2xvcnMud2hpdGV9O1xuICB3aWR0aDogNTJweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIGhlaWdodDogNzhweDtcbiAgfVxuICBvcGFjaXR5OiAwLjc7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA0MDBtcyBlYXNlLCBvcGFjaXR5IDQwMG1zIGVhc2U7XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpmb2N1cyB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06aG92ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvdyA9ICh7IHNsaWRlSW5kZXhUYXJnZXQsIGdvdG9TbGlkZSwgcmlnaHRBcnJvdyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBDaGV2cm9uID0gcmlnaHRBcnJvdyA/IENoZXZyb25SaWdodCA6IENoZXZyb25MZWZ0O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25BcnJvdyByaWdodD17cmlnaHRBcnJvd30+XG4gICAgICA8TmF2aWdhdGlvbkFycm93QnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBnb3RvU2xpZGUoc2xpZGVJbmRleFRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIH19PlxuICAgICAgICA8Q2hldnJvbiBjc3M9e2NoZXZyb25Dc3N9IC8+XG4gICAgICA8L05hdmlnYXRpb25BcnJvd0J1dHRvbj5cbiAgICA8L1N0eWxlZE5hdmlnYXRpb25BcnJvdz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25BcnJvdztcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:StyledNavigationArrow;");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIyRSIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0LCBDaGV2cm9uTGVmdCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbGlkZUluZGV4VGFyZ2V0OiBudW1iZXI7XG4gIHNsaWRlc2hvd0xlbmd0aD86IG51bWJlcjtcbiAgZ290b1NsaWRlOiAoaW5kZXhUYXJnZXQ6IG51bWJlciwgdXNlQW5pbWF0aW9uOiBib29sZWFuKSA9PiB2b2lkO1xuICByaWdodEFycm93PzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzIHtcbiAgcmlnaHQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkTmF2aWdhdGlvbkFycm93ID0gc3R5bGVkLmRpdjxTdHlsZWROYXZpZ2F0aW9uQXJyb3dQcm9wcz5gXG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA4MDBtcyBlYXNlLCBvcGFjaXR5IDgwMG1zIGVhc2U7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDI7XG4gIGhlaWdodDogNzB2dztcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGhlaWdodDogNjB2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGhlaWdodDogNTV2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgIGhlaWdodDogNDB2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudWx0cmFXaWRlIH0pfSB7XG4gICAgaGVpZ2h0OiAzNnZ3O1xuICB9XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMucmlnaHQgJiZcbiAgICBjc3NgXG4gICAgICByaWdodDogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC0ke3NwYWNpbmcueHNtYWxsfSwgMCk7XG4gICAgYH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvd0J1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9IDA7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgb3V0bGluZTogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlcjogMDtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgLmMtaWNvbiB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIH1cbmA7XG5cbmNvbnN0IGNoZXZyb25Dc3MgPSBjc3NgXG4gIGZpbGw6ICR7Y29sb3JzLndoaXRlfTtcbiAgd2lkdGg6IDUycHg7XG4gIGhlaWdodDogNTJweDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogNzhweDtcbiAgICBoZWlnaHQ6IDc4cHg7XG4gIH1cbiAgb3BhY2l0eTogMC43O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gNDAwbXMgZWFzZSwgb3BhY2l0eSA0MDBtcyBlYXNlO1xuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06Zm9jdXMge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgJHtOYXZpZ2F0aW9uQXJyb3dCdXR0b259OmhvdmVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uQXJyb3cgPSAoeyBzbGlkZUluZGV4VGFyZ2V0LCBnb3RvU2xpZGUsIHJpZ2h0QXJyb3cgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgQ2hldnJvbiA9IHJpZ2h0QXJyb3cgPyBDaGV2cm9uUmlnaHQgOiBDaGV2cm9uTGVmdDtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWROYXZpZ2F0aW9uQXJyb3cgcmlnaHQ9e3JpZ2h0QXJyb3d9PlxuICAgICAgPE5hdmlnYXRpb25BcnJvd0J1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgZ290b1NsaWRlKHNsaWRlSW5kZXhUYXJnZXQsIHRydWUpO1xuICAgICAgICB9fT5cbiAgICAgICAgPENoZXZyb24gY3NzPXtjaGV2cm9uQ3NzfSAvPlxuICAgICAgPC9OYXZpZ2F0aW9uQXJyb3dCdXR0b24+XG4gICAgPC9TdHlsZWROYXZpZ2F0aW9uQXJyb3c+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uQXJyb3c7XG4iXX0= */"));
 exports.StyledNavigationArrow = StyledNavigationArrow;
-var NavigationArrowButton = (0, _styledBase["default"])("button", {
-  target: "e1t1wmd11",
+var NavigationArrowButton = /*#__PURE__*/(0, _base["default"])("button", process.env.NODE_ENV === "production" ? {
+  target: "e1t1wmd10"
+} : {
+  target: "e1t1wmd10",
   label: "NavigationArrowButton"
-})("padding:", _core.spacing.normal, " 0;border-radius:4px;outline:none;background:transparent;color:", _core.colors.white, ";border:0;&:hover,&:focus{.c-icon{opacity:1;}background:rgba(0,0,0,0.1);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0QyQyIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0LCBDaGV2cm9uTGVmdCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLSR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgICBgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAwO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAuYy1pY29uIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvbkNzcyA9IGNzc2BcbiAgZmlsbDogJHtjb2xvcnMud2hpdGV9O1xuICB3aWR0aDogNTJweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIGhlaWdodDogNzhweDtcbiAgfVxuICBvcGFjaXR5OiAwLjc7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA0MDBtcyBlYXNlLCBvcGFjaXR5IDQwMG1zIGVhc2U7XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpmb2N1cyB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06aG92ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvdyA9ICh7IHNsaWRlSW5kZXhUYXJnZXQsIGdvdG9TbGlkZSwgcmlnaHRBcnJvdyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBDaGV2cm9uID0gcmlnaHRBcnJvdyA/IENoZXZyb25SaWdodCA6IENoZXZyb25MZWZ0O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25BcnJvdyByaWdodD17cmlnaHRBcnJvd30+XG4gICAgICA8TmF2aWdhdGlvbkFycm93QnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBnb3RvU2xpZGUoc2xpZGVJbmRleFRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIH19PlxuICAgICAgICA8Q2hldnJvbiBjc3M9e2NoZXZyb25Dc3N9IC8+XG4gICAgICA8L05hdmlnYXRpb25BcnJvd0J1dHRvbj5cbiAgICA8L1N0eWxlZE5hdmlnYXRpb25BcnJvdz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25BcnJvdztcbiJdfQ== */"));
-var chevronCss = /*#__PURE__*/(0, _core2.css)("fill:", _core.colors.white, ";width:52px;height:52px;", _core.mq.range({
+})("padding:", _core.spacing.normal, " 0;border-radius:4px;outline:none;background:transparent;color:", _core.colors.white, ";border:0;&:hover,&:focus{background:rgba(0, 0, 0, 0.1);.c-icon{opacity:1;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0QyQyIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0LCBDaGV2cm9uTGVmdCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbGlkZUluZGV4VGFyZ2V0OiBudW1iZXI7XG4gIHNsaWRlc2hvd0xlbmd0aD86IG51bWJlcjtcbiAgZ290b1NsaWRlOiAoaW5kZXhUYXJnZXQ6IG51bWJlciwgdXNlQW5pbWF0aW9uOiBib29sZWFuKSA9PiB2b2lkO1xuICByaWdodEFycm93PzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzIHtcbiAgcmlnaHQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkTmF2aWdhdGlvbkFycm93ID0gc3R5bGVkLmRpdjxTdHlsZWROYXZpZ2F0aW9uQXJyb3dQcm9wcz5gXG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA4MDBtcyBlYXNlLCBvcGFjaXR5IDgwMG1zIGVhc2U7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDI7XG4gIGhlaWdodDogNzB2dztcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGhlaWdodDogNjB2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGhlaWdodDogNTV2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgIGhlaWdodDogNDB2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudWx0cmFXaWRlIH0pfSB7XG4gICAgaGVpZ2h0OiAzNnZ3O1xuICB9XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMucmlnaHQgJiZcbiAgICBjc3NgXG4gICAgICByaWdodDogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC0ke3NwYWNpbmcueHNtYWxsfSwgMCk7XG4gICAgYH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvd0J1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9IDA7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgb3V0bGluZTogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlcjogMDtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgLmMtaWNvbiB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIH1cbmA7XG5cbmNvbnN0IGNoZXZyb25Dc3MgPSBjc3NgXG4gIGZpbGw6ICR7Y29sb3JzLndoaXRlfTtcbiAgd2lkdGg6IDUycHg7XG4gIGhlaWdodDogNTJweDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogNzhweDtcbiAgICBoZWlnaHQ6IDc4cHg7XG4gIH1cbiAgb3BhY2l0eTogMC43O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gNDAwbXMgZWFzZSwgb3BhY2l0eSA0MDBtcyBlYXNlO1xuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06Zm9jdXMge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgJHtOYXZpZ2F0aW9uQXJyb3dCdXR0b259OmhvdmVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uQXJyb3cgPSAoeyBzbGlkZUluZGV4VGFyZ2V0LCBnb3RvU2xpZGUsIHJpZ2h0QXJyb3cgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgQ2hldnJvbiA9IHJpZ2h0QXJyb3cgPyBDaGV2cm9uUmlnaHQgOiBDaGV2cm9uTGVmdDtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWROYXZpZ2F0aW9uQXJyb3cgcmlnaHQ9e3JpZ2h0QXJyb3d9PlxuICAgICAgPE5hdmlnYXRpb25BcnJvd0J1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgZ290b1NsaWRlKHNsaWRlSW5kZXhUYXJnZXQsIHRydWUpO1xuICAgICAgICB9fT5cbiAgICAgICAgPENoZXZyb24gY3NzPXtjaGV2cm9uQ3NzfSAvPlxuICAgICAgPC9OYXZpZ2F0aW9uQXJyb3dCdXR0b24+XG4gICAgPC9TdHlsZWROYXZpZ2F0aW9uQXJyb3c+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uQXJyb3c7XG4iXX0= */"));
+var chevronCss =
+/*#__PURE__*/
+
+/*#__PURE__*/
+(0, _react2.css)("fill:", _core.colors.white, ";width:52px;height:52px;", _core.mq.range({
   from: _core.breakpoints.desktop
-}), "{width:78px;height:78px;}opacity:0.7;transition:transform 400ms ease,opacity 400ms ease;", NavigationArrowButton, ":focus{opacity:1;}", NavigationArrowButton, ":hover{opacity:1;};label:chevronCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VzQiIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0LCBDaGV2cm9uTGVmdCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLSR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgICBgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAwO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAuYy1pY29uIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvbkNzcyA9IGNzc2BcbiAgZmlsbDogJHtjb2xvcnMud2hpdGV9O1xuICB3aWR0aDogNTJweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIGhlaWdodDogNzhweDtcbiAgfVxuICBvcGFjaXR5OiAwLjc7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA0MDBtcyBlYXNlLCBvcGFjaXR5IDQwMG1zIGVhc2U7XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpmb2N1cyB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06aG92ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvdyA9ICh7IHNsaWRlSW5kZXhUYXJnZXQsIGdvdG9TbGlkZSwgcmlnaHRBcnJvdyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBDaGV2cm9uID0gcmlnaHRBcnJvdyA/IENoZXZyb25SaWdodCA6IENoZXZyb25MZWZ0O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25BcnJvdyByaWdodD17cmlnaHRBcnJvd30+XG4gICAgICA8TmF2aWdhdGlvbkFycm93QnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBnb3RvU2xpZGUoc2xpZGVJbmRleFRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIH19PlxuICAgICAgICA8Q2hldnJvbiBjc3M9e2NoZXZyb25Dc3N9IC8+XG4gICAgICA8L05hdmlnYXRpb25BcnJvd0J1dHRvbj5cbiAgICA8L1N0eWxlZE5hdmlnYXRpb25BcnJvdz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25BcnJvdztcbiJdfQ== */"));
+}), "{width:78px;height:78px;}opacity:0.7;transition:transform 400ms ease,opacity 400ms ease;", NavigationArrowButton, ":focus{opacity:1;}", NavigationArrowButton, ":hover{opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:chevronCss;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VzQiIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0LCBDaGV2cm9uTGVmdCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbGlkZUluZGV4VGFyZ2V0OiBudW1iZXI7XG4gIHNsaWRlc2hvd0xlbmd0aD86IG51bWJlcjtcbiAgZ290b1NsaWRlOiAoaW5kZXhUYXJnZXQ6IG51bWJlciwgdXNlQW5pbWF0aW9uOiBib29sZWFuKSA9PiB2b2lkO1xuICByaWdodEFycm93PzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzIHtcbiAgcmlnaHQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkTmF2aWdhdGlvbkFycm93ID0gc3R5bGVkLmRpdjxTdHlsZWROYXZpZ2F0aW9uQXJyb3dQcm9wcz5gXG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA4MDBtcyBlYXNlLCBvcGFjaXR5IDgwMG1zIGVhc2U7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDI7XG4gIGhlaWdodDogNzB2dztcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGhlaWdodDogNjB2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGhlaWdodDogNTV2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgIGhlaWdodDogNDB2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudWx0cmFXaWRlIH0pfSB7XG4gICAgaGVpZ2h0OiAzNnZ3O1xuICB9XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMucmlnaHQgJiZcbiAgICBjc3NgXG4gICAgICByaWdodDogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC0ke3NwYWNpbmcueHNtYWxsfSwgMCk7XG4gICAgYH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvd0J1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9IDA7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgb3V0bGluZTogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlcjogMDtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgLmMtaWNvbiB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIH1cbmA7XG5cbmNvbnN0IGNoZXZyb25Dc3MgPSBjc3NgXG4gIGZpbGw6ICR7Y29sb3JzLndoaXRlfTtcbiAgd2lkdGg6IDUycHg7XG4gIGhlaWdodDogNTJweDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogNzhweDtcbiAgICBoZWlnaHQ6IDc4cHg7XG4gIH1cbiAgb3BhY2l0eTogMC43O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gNDAwbXMgZWFzZSwgb3BhY2l0eSA0MDBtcyBlYXNlO1xuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06Zm9jdXMge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgJHtOYXZpZ2F0aW9uQXJyb3dCdXR0b259OmhvdmVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uQXJyb3cgPSAoeyBzbGlkZUluZGV4VGFyZ2V0LCBnb3RvU2xpZGUsIHJpZ2h0QXJyb3cgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgQ2hldnJvbiA9IHJpZ2h0QXJyb3cgPyBDaGV2cm9uUmlnaHQgOiBDaGV2cm9uTGVmdDtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWROYXZpZ2F0aW9uQXJyb3cgcmlnaHQ9e3JpZ2h0QXJyb3d9PlxuICAgICAgPE5hdmlnYXRpb25BcnJvd0J1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgZ290b1NsaWRlKHNsaWRlSW5kZXhUYXJnZXQsIHRydWUpO1xuICAgICAgICB9fT5cbiAgICAgICAgPENoZXZyb24gY3NzPXtjaGV2cm9uQ3NzfSAvPlxuICAgICAgPC9OYXZpZ2F0aW9uQXJyb3dCdXR0b24+XG4gICAgPC9TdHlsZWROYXZpZ2F0aW9uQXJyb3c+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uQXJyb3c7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:chevronCss;");
 
 var NavigationArrow = function NavigationArrow(_ref) {
   var slideIndexTarget = _ref.slideIndexTarget,
       gotoSlide = _ref.gotoSlide,
       rightArrow = _ref.rightArrow;
   var Chevron = rightArrow ? _common.ChevronRight : _common.ChevronLeft;
-  return (0, _core2.jsx)(StyledNavigationArrow, {
+  return (0, _react2.jsx)(StyledNavigationArrow, {
     right: rightArrow
-  }, (0, _core2.jsx)(NavigationArrowButton, {
+  }, (0, _react2.jsx)(NavigationArrowButton, {
     type: "button",
     tabIndex: -1,
     onClick: function onClick() {
       gotoSlide(slideIndexTarget, true);
     }
-  }, (0, _core2.jsx)(Chevron, {
+  }, (0, _react2.jsx)(Chevron, {
     css: chevronCss
   })));
 };

package/lib/NDLAFilm/SlideshowIndicator.d.ts

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
 import { MovieType } from './types';
 interface Props {
     slideshow: MovieType[];
     activeSlide: number;
     gotoSlide: (indexTarget: number, useAnimation: boolean) => void;
 }
-declare const SlideshowIndicator: ({ slideshow, activeSlide, gotoSlide }: Props) => JSX.Element;
+declare const SlideshowIndicator: ({ slideshow, activeSlide, gotoSlide }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default SlideshowIndicator;

package/lib/NDLAFilm/SlideshowIndicator.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _core = require("@ndla/core");
 
-var _core2 = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -22,22 +22,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
-var SlideshowIndicatorWrapper = (0, _styledBase["default"])("div", {
-  target: "ek4s1ux0",
+var SlideshowIndicatorWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ek4s1ux1"
+} : {
+  target: "ek4s1ux1",
   label: "SlideshowIndicatorWrapper"
 })("display:flex;align-items:center;justify-content:center;margin:", _core.spacing.small, " 0;", _core.mq.range({
   from: _core.breakpoints.mobileWide
 }), "{margin:", _core.spacing.normal, " 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlc2hvd0luZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUI0QyIsImZpbGUiOiJTbGlkZXNob3dJbmRpY2F0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbGlkZXNob3c6IE1vdmllVHlwZVtdO1xuICBhY3RpdmVTbGlkZTogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFNsaWRlc2hvd0luZGljYXRvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU2xpZGVzaG93SW5kaWNhdG9yRG90UHJvcHMge1xuICBhY3RpdmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTbGlkZXNob3dJbmRpY2F0b3JEb3QgPSBzdHlsZWQuYnV0dG9uPFNsaWRlc2hvd0luZGljYXRvckRvdFByb3BzPmBcbiAgYm9yZGVyOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHNwYW4ge1xuICAgIGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiAocHJvcHMuYWN0aXZlID8gY29sb3JzLndoaXRlIDogY29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckJyaWdodCl9O1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMTAwbXMgZWFzZTtcbiAgICBoZWlnaHQ6IDhweDtcbiAgICB3aWR0aDogOHB4O1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICBoZWlnaHQ6IDEwcHg7XG4gICAgICB3aWR0aDogMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgICAgd2lkdGg6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgfVxuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIH1cbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIHNwYW4ge1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU2xpZGVzaG93SW5kaWNhdG9yID0gKHsgc2xpZGVzaG93LCBhY3RpdmVTbGlkZSwgZ290b1NsaWRlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFNsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICAgICB7c2xpZGVzaG93Lm1hcCgoXywgaW5kZXgpID0+IChcbiAgICAgICAgPFNsaWRlc2hvd0luZGljYXRvckRvdFxuICAgICAgICAgIGFjdGl2ZT17aW5kZXggPT09IGFjdGl2ZVNsaWRlfVxuICAgICAgICAgIGtleT17YGluZGljYXRvcl8ke2luZGV4fWB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4gZ290b1NsaWRlKGluZGV4LCB0cnVlKX0+XG4gICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9TbGlkZXNob3dJbmRpY2F0b3JEb3Q+XG4gICAgICApKX1cbiAgICA8L1NsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTbGlkZXNob3dJbmRpY2F0b3I7XG4iXX0= */"));
-var SlideshowIndicatorDot = (0, _styledBase["default"])("button", {
-  target: "ek4s1ux1",
+var SlideshowIndicatorDot = /*#__PURE__*/(0, _base["default"])("button", process.env.NODE_ENV === "production" ? {
+  target: "ek4s1ux0"
+} : {
+  target: "ek4s1ux0",
   label: "SlideshowIndicatorDot"
 })("border:0;display:flex;justify-content:center;background:transparent;span{background:", function (props) {
   return props.active ? _core.colors.white : _core.colors.ndlaFilm.filmColorBright;
-}, ";transition:background 100ms ease;height:8px;width:8px;", _core.mq.range({
+}, ";transition:background 100ms ease;height:8px;width:8px;border-radius:100%;", _core.mq.range({
   from: _core.breakpoints.mobileWide
 }), "{height:10px;width:10px;}", _core.mq.range({
   from: _core.breakpoints.tablet
-}), "{height:", _core.spacing.small, ";width:", _core.spacing.small, ";}border-radius:100%;}padding:", _core.spacing.xsmall, ";", _core.mq.range({
+}), "{height:", _core.spacing.small, ";width:", _core.spacing.small, ";}}padding:", _core.spacing.xsmall, ";", _core.mq.range({
   from: _core.breakpoints.tablet
 }), "{padding:", _core.spacing.small, ";}&:hover,&:focus{span{background:", _core.colors.white, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlc2hvd0luZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUN1RSIsImZpbGUiOiJTbGlkZXNob3dJbmRpY2F0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbGlkZXNob3c6IE1vdmllVHlwZVtdO1xuICBhY3RpdmVTbGlkZTogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFNsaWRlc2hvd0luZGljYXRvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU2xpZGVzaG93SW5kaWNhdG9yRG90UHJvcHMge1xuICBhY3RpdmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTbGlkZXNob3dJbmRpY2F0b3JEb3QgPSBzdHlsZWQuYnV0dG9uPFNsaWRlc2hvd0luZGljYXRvckRvdFByb3BzPmBcbiAgYm9yZGVyOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHNwYW4ge1xuICAgIGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiAocHJvcHMuYWN0aXZlID8gY29sb3JzLndoaXRlIDogY29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckJyaWdodCl9O1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMTAwbXMgZWFzZTtcbiAgICBoZWlnaHQ6IDhweDtcbiAgICB3aWR0aDogOHB4O1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICBoZWlnaHQ6IDEwcHg7XG4gICAgICB3aWR0aDogMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgICAgd2lkdGg6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgfVxuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIH1cbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIHNwYW4ge1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU2xpZGVzaG93SW5kaWNhdG9yID0gKHsgc2xpZGVzaG93LCBhY3RpdmVTbGlkZSwgZ290b1NsaWRlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFNsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICAgICB7c2xpZGVzaG93Lm1hcCgoXywgaW5kZXgpID0+IChcbiAgICAgICAgPFNsaWRlc2hvd0luZGljYXRvckRvdFxuICAgICAgICAgIGFjdGl2ZT17aW5kZXggPT09IGFjdGl2ZVNsaWRlfVxuICAgICAgICAgIGtleT17YGluZGljYXRvcl8ke2luZGV4fWB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4gZ290b1NsaWRlKGluZGV4LCB0cnVlKX0+XG4gICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9TbGlkZXNob3dJbmRpY2F0b3JEb3Q+XG4gICAgICApKX1cbiAgICA8L1NsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTbGlkZXNob3dJbmRpY2F0b3I7XG4iXX0= */"));
 
@@ -45,15 +49,15 @@ var SlideshowIndicator = function SlideshowIndicator(_ref) {
   var slideshow = _ref.slideshow,
       activeSlide = _ref.activeSlide,
       gotoSlide = _ref.gotoSlide;
-  return (0, _core2.jsx)(SlideshowIndicatorWrapper, null, slideshow.map(function (_, index) {
-    return (0, _core2.jsx)(SlideshowIndicatorDot, {
+  return (0, _react2.jsx)(SlideshowIndicatorWrapper, null, slideshow.map(function (_, index) {
+    return (0, _react2.jsx)(SlideshowIndicatorDot, {
       active: index === activeSlide,
       key: "indicator_".concat(index),
       type: "button",
       onClick: function onClick() {
         return gotoSlide(index, true);
       }
-    }, (0, _core2.jsx)("span", null));
+    }, (0, _react2.jsx)("span", null));
   }));
 };
 

package/lib/NDLAFilm/VisualElement.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
 interface Props {
     visualElement: {
         alt?: string;
@@ -13,5 +12,5 @@ interface Props {
         type: string;
     };
 }
-declare const VisualElement: ({ visualElement }: Props) => JSX.Element | null;
+declare const VisualElement: ({ visualElement }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
 export default VisualElement;

package/lib/NDLAFilm/VisualElement.js

@@ -5,27 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _Image = _interopRequireDefault(require("../Image"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-var StylediFrame = (0, _styledBase["default"])("iframe", {
+var StylediFrame = /*#__PURE__*/(0, _base["default"])("iframe", process.env.NODE_ENV === "production" ? {
+  target: "evqj21c0"
+} : {
   target: "evqj21c0",
   label: "StylediFrame"
 })(process.env.NODE_ENV === "production" ? {
-  name: "j04t3l",
-  styles: "height:100%;width:100%;border:0;margin:0;padding:0;"
+  name: "14rah4b",
+  styles: "height:100%;width:100%;border:0;margin:0;padding:0"
 } : {
-  name: "j04t3l",
-  styles: "height:100%;width:100%;border:0;margin:0;padding:0;",
+  name: "14rah4b",
+  styles: "height:100%;width:100%;border:0;margin:0;padding:0",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlrQyIsImZpbGUiOiJWaXN1YWxFbGVtZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBJbWFnZSBmcm9tICcuLi9JbWFnZSc7XG5cbmNvbnN0IFN0eWxlZGlGcmFtZSA9IHN0eWxlZC5pZnJhbWVgXG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogMDtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmlzdWFsRWxlbWVudDoge1xuICAgIGFsdD86IHN0cmluZztcbiAgICB1cmw6IHN0cmluZztcbiAgICB0eXBlOiBzdHJpbmc7XG4gIH07XG59XG5jb25zdCBWaXN1YWxFbGVtZW50ID0gKHsgdmlzdWFsRWxlbWVudCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHR5cGUsIHVybCwgYWx0IH0gPSB2aXN1YWxFbGVtZW50O1xuICBpZiAodHlwZSA9PT0gJ2ltYWdlJykge1xuICAgIHJldHVybiA8SW1hZ2Ugc3JjPXt1cmx9IGFsdD17YWx0ID8/ICcnfSAvPjtcbiAgfSBlbHNlIGlmICh0eXBlID09PSAnYnJpZ2h0Y292ZScpIHtcbiAgICAvL0B0cy1pZ25vcmUgcmVhY3QgZG9lcyBub3QgcmVjb2duaXplIGZ1bGxzY3JlZW4gcHJvcGVydGllcy5cbiAgICByZXR1cm4gPFN0eWxlZGlGcmFtZSBhbGxvd2Z1bGxzY3JlZW49XCJ0cnVlXCIgd2Via2l0YWxsb3dmdWxsc2NyZWVuPVwidHJ1ZVwiIG1vemFsbG93ZnVsbHNjcmVlbj1cInRydWVcIiBzcmM9e3VybH0gLz47XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZpc3VhbEVsZW1lbnQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
@@ -37,13 +39,13 @@ var VisualElement = function VisualElement(_ref) {
       alt = visualElement.alt;
 
   if (type === 'image') {
-    return (0, _core.jsx)(_Image["default"], {
+    return (0, _react2.jsx)(_Image["default"], {
       src: url,
       alt: alt !== null && alt !== void 0 ? alt : ''
     });
   } else if (type === 'brightcove') {
     //@ts-ignore react does not recognize fullscreen properties.
-    return (0, _core.jsx)(StylediFrame, {
+    return (0, _react2.jsx)(StylediFrame, {
       allowfullscreen: "true",
       webkitallowfullscreen: "true",
       mozallowfullscreen: "true",

package/lib/NDLAFilm/filmStyles.d.ts

@@ -3,6 +3,12 @@ export declare const setAnimations: () => any;
 interface StyledHeadingProps {
     marginLeft?: number;
 }
-export declare const StyledHeadingH1: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps, object>;
-export declare const StyledHeadingH2: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps, object>;
+export declare const StyledHeadingH1: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+} & StyledHeadingProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const StyledHeadingH2: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+} & StyledHeadingProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export {};

package/lib/NDLAFilm/filmStyles.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledHeadingH2 = exports.StyledHeadingH1 = exports.setAnimations = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _core = require("@ndla/core");
 
@@ -24,14 +24,18 @@ var setAnimations = function setAnimations() {
 };
 
 exports.setAnimations = setAnimations;
-var StyledHeadingH1 = (0, _styledBase["default"])("h1", {
+var StyledHeadingH1 = /*#__PURE__*/(0, _base["default"])("h1", process.env.NODE_ENV === "production" ? {
+  target: "e1uw8gqd0"
+} : {
   target: "e1uw8gqd0",
   label: "StyledHeadingH1"
 })(_core.fonts.sizes('22px', '26px'), ";font-weight:", _core.fonts.weight.semibold, ";text-transform:uppercase;letter-spacing:0.05em;color:", _core.colors.white, ";margin:", _core.spacing.small, " 0;margin-left:", function (props) {
   return props.marginLeft && "".concat(props.marginLeft, "px");
 }, ";small{font-weight:normal;padding-left:", _core.spacing.small, ";color:", _core.colors.brand.grey, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbG1TdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI0RCIsImZpbGUiOiJmaWxtU3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIHNwYWNpbmcsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5leHBvcnQgY29uc3Qgc2V0QW5pbWF0aW9ucyA9ICgpID0+IHtcbiAgY29uc3Qgc3R5bGVzOiBhbnkgPSB7fTtcbiAgZm9yIChsZXQgaSA9IDE7IGkgPCAyMDsgaSsrKSB7XG4gICAgc3R5bGVzW2A+IGRpdjpudGgtY2hpbGQoJHtpICsgMX0pYF0gPSB7XG4gICAgICAnYW5pbWF0aW9uLWRlbGF5JzogYCR7aSAqIDUwfW1zYCxcbiAgICB9O1xuICB9XG4gIHJldHVybiBzdHlsZXM7XG59O1xuXG5pbnRlcmZhY2UgU3R5bGVkSGVhZGluZ1Byb3BzIHtcbiAgbWFyZ2luTGVmdD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRpbmdIMSA9IHN0eWxlZC5oMTxTdHlsZWRIZWFkaW5nUHJvcHM+YFxuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzI2cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGxldHRlci1zcGFjaW5nOiAwLjA1ZW07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBtYXJnaW4tbGVmdDogJHsocHJvcHMpID0+IHByb3BzLm1hcmdpbkxlZnQgJiYgYCR7cHJvcHMubWFyZ2luTGVmdH1weGB9O1xuICBzbWFsbCB7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGluZ0gyID0gU3R5bGVkSGVhZGluZ0gxLndpdGhDb21wb25lbnQoJ2gyJyk7XG4iXX0= */"));
 exports.StyledHeadingH1 = StyledHeadingH1;
-var StyledHeadingH2 = StyledHeadingH1.withComponent('h2', {
+var StyledHeadingH2 = StyledHeadingH1.withComponent('h2', process.env.NODE_ENV === "production" ? {
+  target: "e1uw8gqd1"
+} : {
   target: "e1uw8gqd1",
   label: "StyledHeadingH2"
 });

package/lib/Navigation/NavigationBox.d.ts

@@ -22,5 +22,5 @@ declare type Props = {
     invertedStyle?: boolean;
     onToggleAdditionalResources?: ChangeEventHandler<HTMLInputElement>;
 };
-export declare const NavigationBox: ({ heading, colorMode, items, isButtonElements, onClick, hasAdditionalResources, showAdditionalResources, listDirection, invertedStyle, onToggleAdditionalResources, }: Props) => JSX.Element;
+export declare const NavigationBox: ({ heading, colorMode, items, isButtonElements, onClick, hasAdditionalResources, showAdditionalResources, listDirection, invertedStyle, onToggleAdditionalResources, }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default NavigationBox;