@bbl-digital/snorre 3.1.58 → 3.1.59

package/lib/core/Image/styles.d.ts

@@ -1,8 +1,8 @@
 declare const styles: {
-    height: (height: string) => import("@emotion/utils").SerializedStyles;
-    width: (width: string) => import("@emotion/utils").SerializedStyles;
-    objectFit: (value: string) => import("@emotion/utils").SerializedStyles;
-    responsive: import("@emotion/utils").SerializedStyles;
+    height: (height: string) => import("@emotion/react").SerializedStyles;
+    width: (width: string) => import("@emotion/react").SerializedStyles;
+    objectFit: (value: string) => import("@emotion/react").SerializedStyles;
+    responsive: import("@emotion/react").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/ImagePicker/ImagePicker.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ImageType } from 'react-images-uploading';
 declare const _default: {
     title: string;
@@ -11,7 +12,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 //# sourceMappingURL=ImagePicker.stories.d.ts.map

package/lib/core/ImagePicker/ImagePicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImagePicker/ImagePicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;;;;;;;;;;;AAMvD,wBAGC;AAED,eAAO,MAAM,OAAO;;;CAiBnB,CAAA"}
+{"version":3,"file":"ImagePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImagePicker/ImagePicker.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;;;;;;;;;;;AAMvD,wBAGC;AAED,eAAO,MAAM,OAAO;;;CAiBnB,CAAA"}

package/lib/core/ImagePicker/styles.d.ts

@@ -1,20 +1,20 @@
 import { IAppTheme } from '../../app-shell/theme';
 export declare const imageBorderRadius = "8px";
 export declare const styles: {
-    grid: import("@emotion/utils").SerializedStyles;
-    deleteButton: import("@emotion/utils").SerializedStyles;
-    pinButton: import("@emotion/utils").SerializedStyles;
+    grid: import("@emotion/react").SerializedStyles;
+    deleteButton: import("@emotion/react").SerializedStyles;
+    pinButton: import("@emotion/react").SerializedStyles;
 };
 export declare const withBackGroundStyles: {
-    default: import("@emotion/utils").SerializedStyles;
-    setMainImage: import("@emotion/utils").SerializedStyles;
-    isMainImage: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    delete: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    imageUpload: import("@emotion/utils").SerializedStyles;
+    default: import("@emotion/react").SerializedStyles;
+    setMainImage: import("@emotion/react").SerializedStyles;
+    isMainImage: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    delete: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    imageUpload: import("@emotion/react").SerializedStyles;
 };
 export declare const uploadButtonStyles: {
-    default: import("@emotion/utils").SerializedStyles;
-    addImage: import("@emotion/utils").SerializedStyles;
-    addMore: import("@emotion/utils").SerializedStyles;
+    default: import("@emotion/react").SerializedStyles;
+    addImage: import("@emotion/react").SerializedStyles;
+    addMore: import("@emotion/react").SerializedStyles;
 };
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/InfoButton/InfoButton.stories.d.ts

@@ -1,23 +1,24 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+/// <reference types="react" />
+declare const _default;
 export default _default;
 export declare const Default: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Right: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Bottom: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Left: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Width: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 //# sourceMappingURL=InfoButton.stories.d.ts.map

package/lib/core/InfoButton/InfoButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoButton.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/InfoButton/InfoButton.stories.tsx"],"names":[],"mappings":";AAIA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAQjB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAOlB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAOhB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAOjB,CAAA"}
+{"version":3,"file":"InfoButton.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/InfoButton/InfoButton.stories.tsx"],"names":[],"mappings":";;AAIA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAQjB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAOlB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAOhB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAOjB,CAAA"}

package/lib/core/InfoButton/styles.d.ts

@@ -7,7 +7,7 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<imp
     nostyle?: boolean | undefined;
     focusable?: boolean | undefined;
     border?: string | undefined;
-    css?: import("@emotion/utils").SerializedStyles | undefined;
+    css?: import("@emotion/react").SerializedStyles | undefined;
     loading?: boolean | undefined;
     back?: boolean | undefined;
     small?: boolean | undefined;
@@ -17,12 +17,12 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<imp
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const styles: {
-    default: import("@emotion/utils").SerializedStyles;
-    top: import("@emotion/utils").SerializedStyles;
-    right: import("@emotion/utils").SerializedStyles;
-    bottom: import("@emotion/utils").SerializedStyles;
-    left: import("@emotion/utils").SerializedStyles;
-    width: (width: string, place: string) => import("@emotion/utils").SerializedStyles;
+    default: import("@emotion/react").SerializedStyles;
+    top: import("@emotion/react").SerializedStyles;
+    right: import("@emotion/react").SerializedStyles;
+    bottom: import("@emotion/react").SerializedStyles;
+    left: import("@emotion/react").SerializedStyles;
+    width: (width: string, place: string) => import("@emotion/react").SerializedStyles;
 };
 export declare const Tooltip: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/lib/core/Input/styles.d.ts

@@ -1,21 +1,21 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    highligted: (height?: string | undefined) => import("@emotion/utils").SerializedStyles;
-    number: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    text: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    password: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    search: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    searchLabel: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    file: import("@emotion/utils").SerializedStyles;
-    disabled: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    cardInput: import("@emotion/utils").SerializedStyles;
-    invalid: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    height: (height: string) => import("@emotion/utils").SerializedStyles;
-    errorMessage: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    pr4: import("@emotion/utils").SerializedStyles;
-    infoButton: import("@emotion/utils").SerializedStyles;
-    relative: import("@emotion/utils").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    highligted: (height?: string | undefined) => import("@emotion/react").SerializedStyles;
+    number: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    text: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    password: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    search: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    searchLabel: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    file: import("@emotion/react").SerializedStyles;
+    disabled: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    cardInput: import("@emotion/react").SerializedStyles;
+    invalid: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    height: (height: string) => import("@emotion/react").SerializedStyles;
+    errorMessage: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    pr4: import("@emotion/react").SerializedStyles;
+    infoButton: import("@emotion/react").SerializedStyles;
+    relative: import("@emotion/react").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/Link/Link.stories.d.ts

@@ -1,39 +1,40 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+/// <reference types="react" />
+declare const _default;
 export default _default;
 export declare const Default: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const ButtonLink: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const NoStyle: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const ExternalLink: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const TargetBlank: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const DangerLink: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const DisabledLink: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const NoPadding: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WordBreak: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 //# sourceMappingURL=Link.stories.d.ts.map

package/lib/core/Link/Link.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/Link.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAOvB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAOtB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAGrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAOrB,CAAA"}
+{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/Link.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAOvB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAOtB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAGrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAOrB,CAAA"}

package/lib/core/Link/styles.d.ts

@@ -4,13 +4,13 @@ export declare const IconLinkWrapper: import("@emotion/styled").StyledComponent<
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const NoStyle: import("@emotion/utils").SerializedStyles;
-export declare const LinkStyle: import("@emotion/utils").SerializedStyles;
-export declare const dangerStyles: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-export declare const noPadding: import("@emotion/utils").SerializedStyles;
-export declare const setAlign: (align: string) => import("@emotion/utils").SerializedStyles;
-export declare const smallText: import("@emotion/utils").SerializedStyles;
-export declare const underlineNone: import("@emotion/utils").SerializedStyles;
-export declare const setWordBreak: (value: string) => import("@emotion/utils").SerializedStyles;
-export declare const setDisabled: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+export declare const NoStyle: import("@emotion/react").SerializedStyles;
+export declare const LinkStyle: import("@emotion/react").SerializedStyles;
+export declare const dangerStyles: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+export declare const noPadding: import("@emotion/react").SerializedStyles;
+export declare const setAlign: (align: string) => import("@emotion/react").SerializedStyles;
+export declare const smallText: import("@emotion/react").SerializedStyles;
+export declare const underlineNone: import("@emotion/react").SerializedStyles;
+export declare const setWordBreak: (value: string) => import("@emotion/react").SerializedStyles;
+export declare const setDisabled: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/List/List.stories.d.ts

@@ -1,39 +1,40 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+/// <reference types="react" />
+declare const _default;
 export default _default;
 export declare const Default: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const ListWithLinks: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const AlternativeListWithLinks: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Pointlist: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Numberedlist: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const NumberedlistHighlighted: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Darktheme: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const NostyleList: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithPadding: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 //# sourceMappingURL=List.stories.d.ts.map

package/lib/core/List/List.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/List.stories.tsx"],"names":[],"mappings":";AAMA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAiBnB,CAAA;AAED,eAAO,MAAM,aAAa;;;CAwBzB,CAAA;AAED,eAAO,MAAM,wBAAwB;;;CAwBpC,CAAA;AAED,eAAO,MAAM,SAAS;;;CAUrB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAUxB,CAAA;AAED,eAAO,MAAM,uBAAuB;;;CAUnC,CAAA;AAED,eAAO,MAAM,SAAS;;;CAUrB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAUvB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAevB,CAAA"}
+{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/List.stories.tsx"],"names":[],"mappings":";;AAMA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAiBnB,CAAA;AAED,eAAO,MAAM,aAAa;;;CAwBzB,CAAA;AAED,eAAO,MAAM,wBAAwB;;;CAwBpC,CAAA;AAED,eAAO,MAAM,SAAS;;;CAUrB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAUxB,CAAA;AAED,eAAO,MAAM,uBAAuB;;;CAUnC,CAAA;AAED,eAAO,MAAM,SAAS;;;CAUrB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAUvB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAevB,CAAA"}

package/lib/core/List/styles.d.ts

@@ -1,9 +1,9 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    points: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    links: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    linksAlternate: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    points: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    links: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    linksAlternate: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
     ordered: {};
     numbers: {
         listStyle: string;
@@ -22,13 +22,13 @@ declare const styles: {
             marginRight: string;
         };
     };
-    numbersHighlighted: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    selectList: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    nostyle: import("@emotion/utils").SerializedStyles;
-    rowHeight: (height: string) => import("@emotion/utils").SerializedStyles;
-    minRowHeight: (height: string) => import("@emotion/utils").SerializedStyles;
-    darkTheme: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    setPadding: (padding: string) => import("@emotion/utils").SerializedStyles;
+    numbersHighlighted: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    selectList: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    nostyle: import("@emotion/react").SerializedStyles;
+    rowHeight: (height: string) => import("@emotion/react").SerializedStyles;
+    minRowHeight: (height: string) => import("@emotion/react").SerializedStyles;
+    darkTheme: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    setPadding: (padding: string) => import("@emotion/react").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/ListPager/ListPager.stories.d.ts

@@ -1,7 +1,8 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+/// <reference types="react" />
+declare const _default;
 export default _default;
 export declare const Default: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 //# sourceMappingURL=ListPager.stories.d.ts.map

package/lib/core/ListPager/ListPager.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListPager.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/ListPager.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAYnB,CAAA"}
+{"version":3,"file":"ListPager.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/ListPager.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAYnB,CAAA"}

package/lib/core/ListPager/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const PageStyle: (active: boolean, primary: string) => import("@emotion/utils").SerializedStyles;
+export declare const PageStyle: (active: boolean, primary: string) => import("@emotion/react").SerializedStyles;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/lib/core/MediaCarousel/MediaCarousel.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare const _default;
+export default _default;
+export declare const DefaultWithImages: {
+    render: () => React.JSX.Element;
+    name: string;
+};
+export declare const CarouselWithVideosAndImages: {
+    render: () => React.JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=MediaCarousel.stories.d.ts.map

package/lib/core/MediaCarousel/MediaCarousel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCarousel.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/MediaCarousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AAIzB,wBAGS;AAET,eAAO,MAAM,iBAAiB;;;CAgB7B,CAAA;AAED,eAAO,MAAM,2BAA2B;;;CAoBvC,CAAA"}

package/lib/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/lib/core/MediaCarousel/index.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 declare type CarouselMedia = {
     /** Media source */
     src: string;
-    /** Media type */
-    mimeType: string;
+    /** Media type is highly recommended. If no media type is specified, we assume it is an image. */
+    mimeType?: string;
 };
 declare type Props = {
     /** The media */
@@ -20,5 +20,6 @@ declare type Props = {
     objectFit?: 'fill' | 'contain' | 'cover' | 'non' | 'scale-down' | 'initial' | 'inherit';
 };
 declare const MediaCarousel: ({ media, objectFit, height, className, radius, withShadow, }: Props) => React.JSX.Element;
+export type { CarouselMedia };
 export default MediaCarousel;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/MediaCarousel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,aAAa,GAAG;IACnB,mBAAmB;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,iBAAiB;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,aAAK,KAAK,GAAG;IACX,gBAAgB;IAChB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,SAAS,CAAC,EACN,MAAM,GACN,SAAS,GACT,OAAO,GACP,KAAK,GACL,YAAY,GACZ,SAAS,GACT,SAAS,CAAA;CACd,CAAA;AAED,QAAA,MAAM,aAAa,iEAOhB,KAAK,sBAiEP,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,aAAa,GAAG;IACnB,mBAAmB;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,iGAAiG;IACjG,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,aAAK,KAAK,GAAG;IACX,gBAAgB;IAChB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,SAAS,CAAC,EACN,MAAM,GACN,SAAS,GACT,OAAO,GACP,KAAK,GACL,YAAY,GACZ,SAAS,GACT,SAAS,CAAA;CACd,CAAA;AAED,QAAA,MAAM,aAAa,iEAOhB,KAAK,sBAiEP,CAAA;AACD,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,eAAe,aAAa,CAAA"}

package/lib/core/MediaCarousel/index.js

@@ -10,7 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const MediaCarousel = ({
   media,
-  objectFit,
+  objectFit = 'contain',
   height = '100%',
   className,
   radius,
@@ -21,7 +21,7 @@ const MediaCarousel = ({
   const Media = ({
     mediaItem
   }) => {
-    const isVideo = mediaItem.mimeType.includes('video');
+    const isVideo = Boolean(mediaItem.mimeType?.includes('video'));
     return /*#__PURE__*/_jsx(ImageWrapper, {
       height: height,
       children: isVideo ? /*#__PURE__*/_jsx(Video, {

package/lib/core/MediaCarousel/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAK3C,eAAO,MAAM,eAAe;;;;YAOhB,MAAM;WACP,KAAK;;;yGAqBf,CAAA;AAED,eAAO,MAAM,aAAa;;;;eACK,MAAM,GAAG,OAAO;qHAc9C,CAAA;AAED,eAAO,MAAM,qBAAqB;;;yGAMjC,CAAA;AAED,eAAO,MAAM,YAAY;;;;YACA,MAAM;yGAU9B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAK3C,eAAO,MAAM,eAAe;;;;YAOhB,MAAM;WACP,KAAK;;;yGAqBf,CAAA;AAED,eAAO,MAAM,aAAa;;;;eACK,MAAM,GAAG,OAAO;qHAc9C,CAAA;AAED,eAAO,MAAM,qBAAqB;;;yGAMjC,CAAA;AAED,eAAO,MAAM,YAAY;;;;YACA,MAAM;yGAgB9B,CAAA"}