@bbl-digital/snorre 3.1.57 → 3.1.59

package/esm/core/List/index.js

@@ -4,7 +4,6 @@ import Item from './Item';
 import styles from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export { Item };
-
 const List = ({
   darkTheme,
   padding,
@@ -18,10 +17,8 @@ const List = ({
       if (!child) {
         return null;
       }
-
       return child;
     })
   });
 };
-
 export default List;

package/esm/core/List/styles.js

@@ -1,7 +1,5 @@
 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)."; }
-
 import { css } from '@emotion/react';
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1gk7m0n",
   styles: "&>li{height:50px;&>a,&>button{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;padding:0;text-decoration:none;&:hover,&:focus{& svg{right:-5px;}}&:focus-visible{text-decoration:underline;}&>span{padding:0.5em 20px 0.5em 0;font-size:16px;font-weight:600;text-align:left;& svg{position:absolute;right:0;top:6px;}}}}"
@@ -11,7 +9,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGMkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTGlzdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJvcmRlclRvcDogJzFweCBzb2xpZCAnICsgdGhlbWUuYm9yZGVyLFxuXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgcG9pbnRzOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzBweCcsXG4gICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICBwYWRkaW5nTGVmdDogJzMwcHgnLFxuICAgICAgfSxcblxuICAgICAgJyYgPiBsaTo6YmVmb3JlJzoge1xuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIGhlaWdodDogJzhweCcsXG4gICAgICAgIHdpZHRoOiAnOHB4JyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wcmltYXJ5LFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICAgIH0sXG4gICAgfSksXG4gIGxpbmtzOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IHVuc2V0O1xuICAgICAgYm9yZGVyLXRvcDogbm9uZTtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIsXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHJpZ2h0OiAtNXB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAwO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTlweDtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE2NTdlMjtcbiAgICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHRvcDogNnB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgbGlua3NBbHRlcm5hdGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogNTBweDtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgJiBzdmcge1xuICAgICAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAyMHB4IDAuNWVtIDA7XG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcblxuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgdG9wOiA2cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcmRlcmVkOiB7fSxcbiAgbnVtYmVyczoge1xuICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcblxuICAgICcmID4gbGknOiB7XG4gICAgICBoZWlnaHQ6ICczMHB4JyxcbiAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgIGNvdW50ZXJJbmNyZW1lbnQ6ICdjb250cycsXG4gICAgfSxcblxuICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdjb3VudGVyKGNvbnRzKVwiLlwiJyxcbiAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICAgIG1hcmdpbkxlZnQ6ICctMjBweCcsXG4gICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICB9LFxuICB9LFxuICBudW1iZXJzSGlnaGxpZ2h0ZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIGhlaWdodDogJzQwcHgnLFxuICAgICAgICBib3JkZXJUb3A6ICdub25lJyxcbiAgICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgICAgY291bnRlckluY3JlbWVudDogJ2NvbnRzJyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgfSxcbiAgICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgICAgY29udGVudDogJ2NvdW50ZXIoY29udHMpJyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnByaW1hcnksXG4gICAgICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgICAgIGhlaWdodDogJzI0cHgnLFxuICAgICAgICB3aWR0aDogJzI0cHgnLFxuICAgICAgICBjb2xvcjogJ3doaXRlJyxcbiAgICAgICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfSxcbiAgICB9KSxcbiAgc2VsZWN0TGlzdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgYm9yZGVyVG9wOiAnMXB4IHNvbGlkICcgKyB0aGVtZS5ib3JkZXIsXG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIHBhZGRpbmdMZWZ0OiAnNXB4JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJhY2tncm91bmQ6ICd3aGl0ZScsXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmJ0bkhvdmVyVGV4dENvbG9yICsgJyFpbXBvcnRhbnQnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgbm9zdHlsZTogY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMDtcbiAgICB9XG4gIGAsXG4gIHJvd0hlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgbWluUm93SGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICAmID4gbGkge1xuICAgICAgbWluLWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgaGVpZ2h0OiB1bnNldDtcbiAgICB9XG4gIGAsXG4gIGRhcmtUaGVtZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBib3JkZXItdG9wOiBub25lO1xuICAgIGxpLFxuICAgIGxpOmhvdmVyLFxuICAgIGxpOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Ym1lbnVJdGVtQ29sb3J9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkJhY2tCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuc3VibWVudVRleHRDb2xvckFjdGl2ZX07XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnN1Ym1lbnVUZXh0Q29sb3JBY3RpdmV9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzZXRQYWRkaW5nOiAocGFkZGluZzogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIHBhZGRpbmc6ICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmZpcnN0LW9mLXR5cGUge1xuICAgICAgcGFkZGluZzogMCAwICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmxhc3Qtb2YtdHlwZSB7XG4gICAgICBwYWRkaW5nOiAke3BhZGRpbmd9IDAgMCAwO1xuICAgIH1cbiAgICAmID4gbGk6b25seS1vZi10eXBlIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICBgLFxufVxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1k3z293",
   styles: "&>li{height:unset;border-top:none;&>a,&>button{position:relative;display:flex;justify-content:flex-start;width:100%;padding:0;text-decoration:none;&:focus-visible{text-decoration:underline;}&:hover,&:focus{& svg{right:-5px;}}&>span{padding:0.5em 0;font-size:15px;line-height:19px;border-bottom:1px solid #1657e2;& svg{position:absolute;right:0;top:6px;}}}}"
@@ -21,7 +18,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDa0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTGlzdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJvcmRlclRvcDogJzFweCBzb2xpZCAnICsgdGhlbWUuYm9yZGVyLFxuXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgcG9pbnRzOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzBweCcsXG4gICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICBwYWRkaW5nTGVmdDogJzMwcHgnLFxuICAgICAgfSxcblxuICAgICAgJyYgPiBsaTo6YmVmb3JlJzoge1xuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIGhlaWdodDogJzhweCcsXG4gICAgICAgIHdpZHRoOiAnOHB4JyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wcmltYXJ5LFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICAgIH0sXG4gICAgfSksXG4gIGxpbmtzOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IHVuc2V0O1xuICAgICAgYm9yZGVyLXRvcDogbm9uZTtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIsXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHJpZ2h0OiAtNXB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAwO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTlweDtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE2NTdlMjtcbiAgICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHRvcDogNnB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgbGlua3NBbHRlcm5hdGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogNTBweDtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgJiBzdmcge1xuICAgICAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAyMHB4IDAuNWVtIDA7XG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcblxuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgdG9wOiA2cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcmRlcmVkOiB7fSxcbiAgbnVtYmVyczoge1xuICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcblxuICAgICcmID4gbGknOiB7XG4gICAgICBoZWlnaHQ6ICczMHB4JyxcbiAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgIGNvdW50ZXJJbmNyZW1lbnQ6ICdjb250cycsXG4gICAgfSxcblxuICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdjb3VudGVyKGNvbnRzKVwiLlwiJyxcbiAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICAgIG1hcmdpbkxlZnQ6ICctMjBweCcsXG4gICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICB9LFxuICB9LFxuICBudW1iZXJzSGlnaGxpZ2h0ZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIGhlaWdodDogJzQwcHgnLFxuICAgICAgICBib3JkZXJUb3A6ICdub25lJyxcbiAgICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgICAgY291bnRlckluY3JlbWVudDogJ2NvbnRzJyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgfSxcbiAgICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgICAgY29udGVudDogJ2NvdW50ZXIoY29udHMpJyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnByaW1hcnksXG4gICAgICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgICAgIGhlaWdodDogJzI0cHgnLFxuICAgICAgICB3aWR0aDogJzI0cHgnLFxuICAgICAgICBjb2xvcjogJ3doaXRlJyxcbiAgICAgICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfSxcbiAgICB9KSxcbiAgc2VsZWN0TGlzdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgYm9yZGVyVG9wOiAnMXB4IHNvbGlkICcgKyB0aGVtZS5ib3JkZXIsXG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIHBhZGRpbmdMZWZ0OiAnNXB4JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJhY2tncm91bmQ6ICd3aGl0ZScsXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmJ0bkhvdmVyVGV4dENvbG9yICsgJyFpbXBvcnRhbnQnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgbm9zdHlsZTogY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMDtcbiAgICB9XG4gIGAsXG4gIHJvd0hlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgbWluUm93SGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICAmID4gbGkge1xuICAgICAgbWluLWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgaGVpZ2h0OiB1bnNldDtcbiAgICB9XG4gIGAsXG4gIGRhcmtUaGVtZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBib3JkZXItdG9wOiBub25lO1xuICAgIGxpLFxuICAgIGxpOmhvdmVyLFxuICAgIGxpOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Ym1lbnVJdGVtQ29sb3J9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkJhY2tCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuc3VibWVudVRleHRDb2xvckFjdGl2ZX07XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnN1Ym1lbnVUZXh0Q29sb3JBY3RpdmV9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzZXRQYWRkaW5nOiAocGFkZGluZzogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIHBhZGRpbmc6ICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmZpcnN0LW9mLXR5cGUge1xuICAgICAgcGFkZGluZzogMCAwICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmxhc3Qtb2YtdHlwZSB7XG4gICAgICBwYWRkaW5nOiAke3BhZGRpbmd9IDAgMCAwO1xuICAgIH1cbiAgICAmID4gbGk6b25seS1vZi10eXBlIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICBgLFxufVxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 const styles = {
   default: theme => /*#__PURE__*/css({
     padding: 0,

package/esm/core/ListPager/ListPager.stories.js

@@ -0,0 +1,16 @@
+import ListPager from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/ListPager',
+  component: ListPager
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(ListPager, {
+    totalPageCount: 6,
+    currentPage: 1,
+    onFirstClick: () => console.log('First clicked'),
+    onLastClick: e => console.log('Last clicked, page:', e),
+    onPageClick: e => console.log('Page ' + e + ' clicked')
+  }),
+  name: 'Default'
+};

package/esm/core/ListPager/index.js

@@ -5,7 +5,6 @@ import { getHasPreviousPages, getHasMorePages, getFirstButtonIndex } from '../..
 import Button from '../Button';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const ListPager = ({
   totalPageCount,
   currentPage,
@@ -14,22 +13,17 @@ const ListPager = ({
   onPageClick
 }) => {
   const theme = useTheme();
-
   if (!(totalPageCount && totalPageCount > 0 && currentPage)) {
     return null;
   }
-
   const totalButtons = totalPageCount > 5 ? 5 : totalPageCount;
   const hasPreviousPages = getHasPreviousPages(currentPage, totalPageCount);
   const hasMorePages = getHasMorePages(currentPage, totalPageCount);
   const firstButtonIndex = getFirstButtonIndex(currentPage, totalPageCount);
-
   const Dots = /*#__PURE__*/_jsx(DotWrapper, {
     children: "..."
   });
-
   let pages = [];
-
   for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
     pages.push( /*#__PURE__*/_jsx(Button, {
       nostyle: true,
@@ -38,7 +32,6 @@ const ListPager = ({
       children: i + 1
     }, i));
   }
-
   return /*#__PURE__*/_jsxs(Wrapper, {
     children: [/*#__PURE__*/_jsx(Button, {
       nostyle: true,
@@ -51,5 +44,4 @@ const ListPager = ({
     })]
   });
 };
-
 export default ListPager;

package/esm/core/ListPager/styles.js

@@ -1,10 +1,8 @@
 import _styled from "@emotion/styled/base";
-
 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)."; }
-
 import { css } from '@emotion/react';
 export const PageStyle = (active, primary) => /*#__PURE__*/css("color:", active ? primary : 'initial', ";&:active,&:hover,&:focus{color:", active ? primary : 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */");
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eava76v1"
 } : {
   target: "eava76v1",
@@ -18,7 +16,7 @@ export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const DotWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
+export const DotWrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "eava76v0"
 } : {
   target: "eava76v0",

package/esm/core/MediaCarousel/MediaCarousel.stories.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import MediaCarousel from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/MediaCarousel',
+  component: MediaCarousel
+};
+export const DefaultWithImages = {
+  render: () => /*#__PURE__*/_jsx(MediaCarousel, {
+    media: [{
+      src: 'https://via.placeholder.com/150',
+      mimeType: 'image/png'
+    }, {
+      src: 'https://via.placeholder.com/150',
+      mimeType: 'image/png'
+    }]
+  }),
+  name: 'Carousel with images'
+};
+export const CarouselWithVideosAndImages = {
+  render: () => /*#__PURE__*/_jsx(MediaCarousel, {
+    media: [{
+      src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQOi0mWLRO2c4favdUBtcHm8KiB9pAtWnkihu4-e8nY0g&s',
+      mimeType: 'image/jpeg'
+    }, {
+      src: 'https://via.placeholder.com/150',
+      mimeType: 'image/jpeg'
+    }, {
+      src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4',
+      mimeType: 'video/mp4'
+    }]
+  }),
+  name: 'Carousel with videos and images'
+};

package/esm/core/{ImageCarousel → MediaCarousel}/index.js

@@ -1,30 +1,50 @@
-import React from 'react';
 import { useTheme } from '@emotion/react';
-import Carousel from 'nuka-carousel';
-import { BottomCarouselWrapper, CarouselWrapper, ControlButton, ImageWrapper } from './styles';
+import { ImageWrapper, CarouselWrapper, ControlButton, BottomCarouselWrapper } from './styles';
+import Video from '../Video';
 import Image from '../Image';
-import IconChevronLeft from '../../icons/General/IconChevronLeft';
+import Carousel from 'nuka-carousel';
+import React from 'react';
 import Text from '../Text';
+import IconChevronLeft from '../../icons/General/IconChevronLeft';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
-const ImageCarousel = ({
-  images,
-  objectFit,
-  height = '340px',
-  className
+const MediaCarousel = ({
+  media,
+  objectFit = 'contain',
+  height = '100%',
+  className,
+  radius,
+  withShadow
 }) => {
   const theme = useTheme();
-  const hasMultipleImages = Boolean(images.length);
+  const hasMultipleImages = Boolean(media?.length > 1);
+  const Media = ({
+    mediaItem
+  }) => {
+    const isVideo = Boolean(mediaItem.mimeType?.includes('video'));
+    return /*#__PURE__*/_jsx(ImageWrapper, {
+      height: height,
+      children: isVideo ? /*#__PURE__*/_jsx(Video, {
+        src: mediaItem.src
+      }) : /*#__PURE__*/_jsx(Image, {
+        src: mediaItem.src,
+        alt: "produktbilde",
+        objectFit: objectFit
+      })
+    });
+  };
   return /*#__PURE__*/_jsx(CarouselWrapper, {
     height: height,
     theme: theme,
     className: className,
+    radius: radius,
+    withShadow: withShadow,
     children: /*#__PURE__*/_jsx(Carousel, {
       enableKeyboardControls: true,
-      swiping: true,
+      swiping: hasMultipleImages,
+      dragging: hasMultipleImages,
       wrapAround: true,
-      cellSpacing: 8,
+      cellSpacing: 10,
       renderCenterRightControls: ({
         nextSlide
       }) => hasMultipleImages && /*#__PURE__*/_jsx(ControlButton, {
@@ -52,19 +72,13 @@ const ImageCarousel = ({
         children: /*#__PURE__*/_jsxs(Text, {
           color: theme.btnDefaultFontColor,
           size: "14px",
-          children: [currentSlide + 1, " / ", images.length]
+          children: [currentSlide + 1, " / ", media.length]
         })
       }),
-      children: images.map((image, index) => /*#__PURE__*/_jsx(ImageWrapper, {
-        height: height,
-        children: /*#__PURE__*/_jsx(Image, {
-          src: image,
-          alt: "bilde",
-          objectFit: objectFit
-        })
+      children: media.map((mediaItem, index) => /*#__PURE__*/_jsx(Media, {
+        mediaItem: mediaItem
       }, index))
     })
   });
 };
-
-export default ImageCarousel;
+export default MediaCarousel;

package/esm/core/MediaCarousel/styles.js

@@ -0,0 +1,55 @@
+import _styled from "@emotion/styled/base";
+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)."; }
+import { css } from '@emotion/react';
+const background = 'rgba(0, 0, 0, 0.5)';
+export const CarouselWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ukuf8x3"
+} : {
+  target: "e1ukuf8x3",
+  label: "CarouselWrapper"
+})(({
+  height,
+  theme,
+  radius,
+  withShadow
+}) => /*#__PURE__*/css(withShadow && /*#__PURE__*/css("box-shadow:", theme.shadowSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CarouselWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuXG4gICAgJiB2aWRlbyB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIHNjYWxlOiAxLjAxNTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */"), " width:100%;height:100%;max-height:", height, ";display:flex;align-items:baseline;border-radius:", radius ? radius : '4px', ";overflow:hidden;.slider-container{max-width:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:CarouselWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuXG4gICAgJiB2aWRlbyB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIHNjYWxlOiAxLjAxNTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuXG4gICAgJiB2aWRlbyB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIHNjYWxlOiAxLjAxNTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */");
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1pt2o8x",
+  styles: "margin-right:3px"
+} : {
+  name: "9g5zwe-ControlButton",
+  styles: "margin-right:3px;label:ControlButton;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuXG4gICAgJiB2aWRlbyB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIHNjYWxlOiAxLjAxNTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1i7v2bx",
+  styles: "margin-left:3px"
+} : {
+  name: "1arqgkz-ControlButton",
+  styles: "margin-left:3px;label:ControlButton;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuXG4gICAgJiB2aWRlbyB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIHNjYWxlOiAxLjAxNTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export const ControlButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1ukuf8x2"
+} : {
+  target: "e1ukuf8x2",
+  label: "ControlButton"
+})(({
+  direction
+}) => /*#__PURE__*/css("background-color:", background, ";border:none;border-radius:50%;padding:0.75em;cursor:pointer;", direction === 'left' ? _ref2 : _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ControlButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cblxuICAgICYgdmlkZW8ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cblxuICAgICYgdmlkZW8ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */");
+export const BottomCarouselWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ukuf8x1"
+} : {
+  target: "e1ukuf8x1",
+  label: "BottomCarouselWrapper"
+})("display:flex;justify-content:center;padding:0.25em 1em;border-radius:5px;background-color:", background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEK0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cblxuICAgICYgdmlkZW8ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */"));
+export const ImageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ukuf8x0"
+} : {
+  target: "e1ukuf8x0",
+  label: "ImageWrapper"
+})(({
+  height
+}) => /*#__PURE__*/css("display:flex;height:100%;& img{width:100%;max-height:", height, ";scale:1.015;}& video{width:100%;max-height:", height, ";scale:1.015;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEeUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cblxuICAgICYgdmlkZW8ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZENEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cblxuICAgICYgdmlkZW8ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */");

package/esm/core/Modal/ActionButtons/index.js

@@ -2,8 +2,7 @@ import _styled from "@emotion/styled/base";
 import { css } from '@emotion/react';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-
-const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e11d84160"
 } : {
   target: "e11d84160",
@@ -11,7 +10,6 @@ const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 })(({
   spaceBetween
 }) => /*#__PURE__*/css("display:flex;gap:1em;width:100%;justify-content:", spaceBetween ? 'space-between' : 'flex-end', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL0FjdGlvbkJ1dHRvbnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Nb2RhbC9BY3Rpb25CdXR0b25zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXVxuICAvKiogQWRkcyBcImp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiIEBkZWZhdWx0IHRydWUgKi9cbiAgc3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNwYWNlQmV0d2VlbiB9OiB7IHNwYWNlQmV0d2Vlbj86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAxZW07XG4gICAgd2lkdGg6IDEwMCU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3NwYWNlQmV0d2VlbiA/ICdzcGFjZS1iZXR3ZWVuJyA6ICdmbGV4LWVuZCd9O1xuICBgXG4pXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbnMgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBzcGFjZUJldHdlZW4gPSB0cnVlIH06IFByb3BzKSA9PiAoXG4gIDxXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzcGFjZUJldHdlZW49e3NwYWNlQmV0d2Vlbn0+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEFjdGlvbkJ1dHRvbnNcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL0FjdGlvbkJ1dHRvbnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdnQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Nb2RhbC9BY3Rpb25CdXR0b25zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXVxuICAvKiogQWRkcyBcImp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiIEBkZWZhdWx0IHRydWUgKi9cbiAgc3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNwYWNlQmV0d2VlbiB9OiB7IHNwYWNlQmV0d2Vlbj86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAxZW07XG4gICAgd2lkdGg6IDEwMCU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3NwYWNlQmV0d2VlbiA/ICdzcGFjZS1iZXR3ZWVuJyA6ICdmbGV4LWVuZCd9O1xuICBgXG4pXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbnMgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBzcGFjZUJldHdlZW4gPSB0cnVlIH06IFByb3BzKSA9PiAoXG4gIDxXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzcGFjZUJldHdlZW49e3NwYWNlQmV0d2Vlbn0+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEFjdGlvbkJ1dHRvbnNcbiJdfQ== */");
-
 const ActionButtons = ({
   children,
   className,
@@ -21,5 +19,4 @@ const ActionButtons = ({
   spaceBetween: spaceBetween,
   children: children
 });
-
 export default ActionButtons;

package/esm/core/Modal/Modal.stories.js

@@ -0,0 +1,117 @@
+import Header from '../Header';
+import Text from '../Text';
+import Button from '../Button';
+import Modal from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Modal',
+  component: Modal,
+  parameters: {
+    docs: {
+      story: {
+        inline: false,
+        height: '500px'
+      }
+    }
+  }
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Modal, {
+    open: true,
+    onClose: () => console.log('closed'),
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "Her kommer en header"
+    }),
+    actionButton: /*#__PURE__*/_jsxs(Modal.Actions, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        outline: true,
+        children: "Cancel"
+      }), /*#__PURE__*/_jsx(Button, {
+        children: "Save changes"
+      })]
+    }),
+    disableOutsideClick: false,
+    children: /*#__PURE__*/_jsx(Text, {
+      children: "Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."
+    })
+  }),
+  name: 'Default'
+};
+export const Collapse = {
+  render: () => /*#__PURE__*/_jsx(Modal, {
+    open: true,
+    onClose: () => console.log('closed'),
+    onCollapse: () => console.log('collapse'),
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "Her kommer en header"
+    }),
+    actionButton: /*#__PURE__*/_jsx(Button, {
+      children: "Save changes"
+    }),
+    children: /*#__PURE__*/_jsx(Text, {
+      children: "Hello there! I am Modal, i can be collapsed, but not in storybook though, it has to be done from parent"
+    })
+  }),
+  name: 'Collapse'
+};
+export const Dynamic = {
+  render: () => /*#__PURE__*/_jsx(Modal, {
+    open: true,
+    onClose: () => console.log('closed'),
+    width: '600px',
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "Her kommer en header"
+    }),
+    actionButton: /*#__PURE__*/_jsx(Button, {
+      children: "Save changes"
+    }),
+    children: /*#__PURE__*/_jsx(Text, {
+      children: "Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."
+    })
+  }),
+  name: 'Dynamic'
+};
+export const Scrollable = {
+  render: () => /*#__PURE__*/_jsxs(Modal, {
+    open: true,
+    onClose: () => console.log('closed'),
+    disableScrollableContent: false,
+    width: '100%',
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "Scrollable modal"
+    }),
+    actionButton: /*#__PURE__*/_jsx(Button, {
+      children: "Button is allways shown"
+    }),
+    children: [/*#__PURE__*/_jsxs(Text, {
+      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+    }), /*#__PURE__*/_jsxs(Text, {
+      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+    }), /*#__PURE__*/_jsxs(Text, {
+      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+    }), /*#__PURE__*/_jsxs(Text, {
+      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+    })]
+  }),
+  name: 'Scrollable'
+};
+export const Fullscreeen = {
+  render: () => /*#__PURE__*/_jsx(Modal, {
+    open: true,
+    toggleFullscreen: true,
+    onClose: () => console.log('closed'),
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "With fullscreen"
+    }),
+    children: /*#__PURE__*/_jsx(Text, {
+      children: "Hello there! I am Modal, i can be be toggled for fullscreen"
+    })
+  }),
+  name: 'Fullscreeen'
+};

package/esm/core/Modal/index.js

@@ -10,7 +10,6 @@ import IconFullscreenOpen from '../../icons/General/IconFullscreenOpen';
 import ActionButtons from './ActionButtons';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 function Modal({
   open,
   header,
@@ -36,47 +35,38 @@ function Modal({
   const [headerHeight, setHeaderHeight] = useState(0);
   const [isFullscreen, setIsFullscreen] = useState(!!defaultFullscreen);
   const hasCollapse = Boolean(onCollapse);
-
   const setClose = () => {
     enableBodyScroll(modalRef.current);
     if (!disableLocalClose) setOpen(false);
-
     if (onClose) {
       onClose();
     }
   };
-
   const handleHeaderRef = useCallback(node => {
     setHeaderHeight(node?.clientHeight);
   }, []);
   useEffect(() => {
     if (!modalRef.current) return;
-
     if (isOpen && disableScroll) {
       disableBodyScroll(modalRef.current);
-
       if (targetRefs && targetRefs.length > 0) {
         targetRefs.forEach(ref => disableBodyScroll(ref.current));
       }
-
       return;
     }
-
     enableBodyScroll(modalRef.current);
   }, [isOpen, modalRef, open, targetRefs, disableScroll]);
-  /** Cleanup body scroll on component destroyed */
 
+  /** Cleanup body scroll on component destroyed */
   useEffect(() => {
     return () => {
       clearAllBodyScrollLocks();
     };
   });
-
   const onOutsideClick = () => {
     if (disableOutsideClick) return;
     setClose();
   };
-
   return _jsx(CSSTransition, {
     in: isOpen,
     unmountOnExit: true,
@@ -134,6 +124,5 @@ function Modal({
     })
   });
 }
-
 Modal.Actions = ActionButtons;
 export default Modal;