@micromag/viewer 0.3.541 → 0.3.547

package/es/index.js

@@ -16,7 +16,7 @@ import classNames from 'classnames';
 import { Helmet } from 'react-helmet';
 import { useIntl, FormattedMessage } from 'react-intl';
 import EventEmitter from 'wolfy87-eventemitter';
-import { Label, CloseIcon, ScreenPreview, Screen, ArrowIcon, Button as Button$2, PlayIcon, Spinner, UnmuteIcon, MuteIcon, PauseIcon, Meta, FontFaces } from '@micromag/core/components';
+import { Label, CloseIcon, ScreenPreview, Screen, ArrowIcon, Button as Button$1, PlayIcon, Spinner, UnmuteIcon, MuteIcon, PauseIcon, Meta, FontFaces } from '@micromag/core/components';
 import { useDimensionObserver, useTrackEvent, useDragProgress, useMediaProgress, useMediaReady, useMediaState, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen } from '@micromag/core/hooks';
 import { getStyleFromColor, easings, getStyleFromText, getColorAsString, getDeviceScreens } from '@micromag/core/utils';
 import { ShareIncentive } from '@micromag/elements/all';
@@ -363,7 +363,6 @@ var Button = function Button(_ref) {
 };
 Button.propTypes = propTypes$n;
 Button.defaultProps = defaultProps$n;
-var Button$1 = Button;
 
 var styles$f = {"container":"micromag-viewer-buttons-icon-button-container","label":"micromag-viewer-buttons-icon-button-label","icon":"micromag-viewer-buttons-icon-button-icon"};
 
@@ -380,7 +379,7 @@ var IconButton = function IconButton(_ref) {
   var iconClassName = _ref.iconClassName,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$9);
-  return /*#__PURE__*/React.createElement(Button$1, Object.assign({
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
     className: classNames([styles$f.container, _defineProperty({}, className, className !== null)]),
     labelClassName: styles$f.label,
     iconClassName: classNames([styles$f.icon, _defineProperty({}, iconClassName, iconClassName !== null)])
@@ -388,7 +387,6 @@ var IconButton = function IconButton(_ref) {
 };
 IconButton.propTypes = propTypes$m;
 IconButton.defaultProps = defaultProps$m;
-var IconButton$1 = IconButton;
 
 var _excluded$8 = ["single", "className"];
 var propTypes$l = {
@@ -404,7 +402,7 @@ var CloseMenuButton = function CloseMenuButton(_ref) {
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$8);
   var intl = useIntl();
-  return /*#__PURE__*/React.createElement(IconButton$1, Object.assign({
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
     className: classNames([_defineProperty({}, className, className !== null)]),
     label: intl.formatMessage({
       id: "dIvwcD",
@@ -447,7 +445,6 @@ var CloseMenuButton = function CloseMenuButton(_ref) {
 };
 CloseMenuButton.propTypes = propTypes$l;
 CloseMenuButton.defaultProps = defaultProps$l;
-var CloseMenuButton$1 = CloseMenuButton;
 
 var _excluded$7 = ["className", "iconClassName"];
 var propTypes$k = {
@@ -463,7 +460,7 @@ var MenuButton = function MenuButton(_ref) {
     _ref.iconClassName;
     var props = _objectWithoutProperties(_ref, _excluded$7);
   var intl = useIntl();
-  return /*#__PURE__*/React.createElement(IconButton$1, Object.assign({
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
     className: classNames([_defineProperty({}, className, className !== null)]),
     label: intl.formatMessage({
       id: "F/gl4b",
@@ -500,7 +497,6 @@ var MenuButton = function MenuButton(_ref) {
 };
 MenuButton.propTypes = propTypes$k;
 MenuButton.defaultProps = defaultProps$k;
-var MenuButton$1 = MenuButton;
 
 var _excluded$6 = ["className"];
 var propTypes$j = {
@@ -513,7 +509,7 @@ var ShareButton = function ShareButton(_ref) {
   var className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$6);
   var intl = useIntl();
-  return /*#__PURE__*/React.createElement(IconButton$1, Object.assign({
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
     className: classNames([_defineProperty({}, className, className !== null)]),
     label: intl.formatMessage({
       id: "7tw6U2",
@@ -544,7 +540,6 @@ var ShareButton = function ShareButton(_ref) {
 };
 ShareButton.propTypes = propTypes$j;
 ShareButton.defaultProps = defaultProps$j;
-var ShareButton$1 = ShareButton;
 
 var styles$e = {"container":"micromag-viewer-buttons-toggle-button-container","normal":"micromag-viewer-buttons-toggle-button-normal","toggled":"micromag-viewer-buttons-toggle-button-toggled"};
 
@@ -590,7 +585,6 @@ var ToggleButton = function ToggleButton(_ref) {
 };
 ToggleButton.propTypes = propTypes$i;
 ToggleButton.defaultProps = defaultProps$i;
-var ToggleButton$1 = ToggleButton;
 
 var styles$d = {"backdrop":"micromag-viewer-menus-menu-container-backdrop","heightContainer":"micromag-viewer-menus-menu-container-heightContainer","container":"micromag-viewer-menus-menu-container-container"};
 
@@ -649,7 +643,6 @@ var ViewerMenuContainer = function ViewerMenuContainer(_ref) {
 };
 ViewerMenuContainer.propTypes = propTypes$h;
 ViewerMenuContainer.defaultProps = defaultProps$h;
-var MenuContainer = ViewerMenuContainer;
 
 var styles$c = {"button":"micromag-viewer-menus-menu-dot-button","progress":"micromag-viewer-menus-menu-dot-progress","container":"micromag-viewer-menus-menu-dot-container","vertical":"micromag-viewer-menus-menu-dot-vertical","dot":"micromag-viewer-menus-menu-dot-dot","subDot":"micromag-viewer-menus-menu-dot-subDot","dots":"micromag-viewer-menus-menu-dot-dots","outlineBounce":"micromag-viewer-menus-menu-dot-outlineBounce"};
 
@@ -741,7 +734,6 @@ var ViewerMenuDot = function ViewerMenuDot(_ref) {
 };
 ViewerMenuDot.propTypes = propTypes$g;
 ViewerMenuDot.defaultProps = defaultProps$g;
-var MenuDot = ViewerMenuDot;
 
 var styles$b = {"container":"micromag-viewer-menus-menu-dots-container","closeButton":"micromag-viewer-menus-menu-dots-closeButton","items":"micromag-viewer-menus-menu-dots-items","item":"micromag-viewer-menus-menu-dots-item","buttons":"micromag-viewer-menus-menu-dots-buttons","vertical":"micromag-viewer-menus-menu-dots-vertical"};
 
@@ -834,7 +826,7 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
       count = _ref6$count === void 0 ? 1 : _ref6$count,
       _ref6$subIndex = _ref6.subIndex,
       subIndex = _ref6$subIndex === void 0 ? 0 : _ref6$subIndex;
-    return /*#__PURE__*/React.createElement(MenuDot, {
+    return /*#__PURE__*/React.createElement(ViewerMenuDot, {
       key: "item-".concat(index + 1),
       current: current,
       active: index <= currentIndex,
@@ -879,7 +871,6 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
 };
 ViewerMenuDots.propTypes = propTypes$f;
 ViewerMenuDots.defaultProps = defaultProps$f;
-var MenuDots = ViewerMenuDots;
 
 var propTypes$e = {
   className: PropTypes.string
@@ -904,7 +895,6 @@ var StackIcon = function StackIcon(_ref) {
 };
 StackIcon.propTypes = propTypes$e;
 StackIcon.defaultProps = defaultProps$e;
-var StackIcon$1 = StackIcon;
 
 var styles$a = {"button":"micromag-viewer-menus-menu-screen-button","container":"micromag-viewer-menus-menu-screen-container","isCurrent":"micromag-viewer-menus-menu-screen-isCurrent","inner":"micromag-viewer-menus-menu-screen-inner","subScreenBadge":"micromag-viewer-menus-menu-screen-subScreenBadge","subScreenCount":"micromag-viewer-menus-menu-screen-subScreenCount","subScreenIcon":"micromag-viewer-menus-menu-screen-subScreenIcon","screen":"micromag-viewer-menus-menu-screen-screen","pulse":"micromag-viewer-menus-menu-screen-pulse"};
 
@@ -984,7 +974,7 @@ var ViewerMenuScreen = function ViewerMenuScreen(_ref) {
     className: styles$a.subScreenBadge
   }, /*#__PURE__*/React.createElement("span", {
     className: styles$a.subScreenCount
-  }, count), /*#__PURE__*/React.createElement(StackIcon$1, {
+  }, count), /*#__PURE__*/React.createElement(StackIcon, {
     className: styles$a.subScreenIcon
   })) : null, screenWidth > 0 && screenHeight > 0 ? /*#__PURE__*/React.createElement(ScreenPreview, {
     className: styles$a.screen,
@@ -998,7 +988,6 @@ var ViewerMenuScreen = function ViewerMenuScreen(_ref) {
 };
 ViewerMenuScreen.propTypes = propTypes$d;
 ViewerMenuScreen.defaultProps = defaultProps$d;
-var MenuScreen = ViewerMenuScreen;
 
 var styles$9 = {"scroll":"micromag-viewer-menus-menu-preview-scroll","container":"micromag-viewer-menus-menu-preview-container","disabled":"micromag-viewer-menus-menu-preview-disabled","screenButton":"micromag-viewer-menus-menu-preview-screenButton","content":"micromag-viewer-menus-menu-preview-content","buttons":"micromag-viewer-menus-menu-preview-buttons","organisation":"micromag-viewer-menus-menu-preview-organisation","icon":"micromag-viewer-menus-menu-preview-icon","titleContainer":"micromag-viewer-menus-menu-preview-titleContainer","headerContainer":"micromag-viewer-menus-menu-preview-headerContainer","badge":"micromag-viewer-menus-menu-preview-badge","title":"micromag-viewer-menus-menu-preview-title","nav":"micromag-viewer-menus-menu-preview-nav","items":"micromag-viewer-menus-menu-preview-items","item":"micromag-viewer-menus-menu-preview-item","inner":"micromag-viewer-menus-menu-preview-inner","frame":"micromag-viewer-menus-menu-preview-frame","screen":"micromag-viewer-menus-menu-preview-screen","intro":"micromag-viewer-menus-menu-preview-intro"};
 
@@ -1164,7 +1153,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
       style: {
         paddingBottom: "".concat(screenHeight / screenWidth * 100, "%")
       }
-    }, screenMounted ? /*#__PURE__*/React.createElement(MenuScreen, {
+    }, screenMounted ? /*#__PURE__*/React.createElement(ViewerMenuScreen, {
       className: styles$9.screen,
       item: item,
       index: index,
@@ -1176,7 +1165,6 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
 };
 ViewerMenuPreview.propTypes = propTypes$c;
 ViewerMenuPreview.defaultProps = defaultProps$c;
-var MenuPreview = ViewerMenuPreview;
 
 var styles$8 = {"container":"micromag-viewer-partials-micromag-preview-container","cover":"micromag-viewer-partials-micromag-preview-cover","info":"micromag-viewer-partials-micromag-preview-info","url":"micromag-viewer-partials-micromag-preview-url","title":"micromag-viewer-partials-micromag-preview-title"};
 
@@ -1219,7 +1207,6 @@ var MicromagPreview = function MicromagPreview(_ref) {
 };
 MicromagPreview.propTypes = propTypes$b;
 MicromagPreview.defaultProps = defaultProps$b;
-var MicromagPreview$1 = MicromagPreview;
 
 var styles$7 = {"scroll":"micromag-viewer-menus-menu-share-scroll","container":"micromag-viewer-menus-menu-share-container","disabled":"micromag-viewer-menus-menu-share-disabled","button":"micromag-viewer-menus-menu-share-button","content":"micromag-viewer-menus-menu-share-content","inner":"micromag-viewer-menus-menu-share-inner","organisation":"micromag-viewer-menus-menu-share-organisation","icon":"micromag-viewer-menus-menu-share-icon","header":"micromag-viewer-menus-menu-share-header","mode":"micromag-viewer-menus-menu-share-mode","bump":"micromag-viewer-menus-menu-share-bump","options":"micromag-viewer-menus-menu-share-options"};
 
@@ -1321,7 +1308,7 @@ var ViewerMenuShare = function ViewerMenuShare(_ref) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$7.header
-  }, /*#__PURE__*/React.createElement(MicromagPreview$1, {
+  }, /*#__PURE__*/React.createElement(MicromagPreview, {
     className: styles$7.preview,
     screen: shareCurrentScreen ? currentScreen : coverScreen,
     title: title,
@@ -1355,7 +1342,6 @@ var ViewerMenuShare = function ViewerMenuShare(_ref) {
 };
 ViewerMenuShare.propTypes = propTypes$a;
 ViewerMenuShare.defaultProps = defaultProps$a;
-var MenuShare = ViewerMenuShare;
 
 var styles$6 = {"container":"micromag-viewer-container","screenContainer":"micromag-viewer-screenContainer","screensFrame":"micromag-viewer-screensFrame","menuShare":"micromag-viewer-menuShare","menuPreview":"micromag-viewer-menuPreview","menuContainer":"micromag-viewer-menuContainer","landscape":"micromag-viewer-landscape","hideMenu":"micromag-viewer-hideMenu","menuNavContainer":"micromag-viewer-menuNavContainer","menuTopContainer":"micromag-viewer-menuTopContainer","dots":"micromag-viewer-dots","disableMenu":"micromag-viewer-disableMenu","content":"micromag-viewer-content","withoutGestures":"micromag-viewer-withoutGestures","ariaAnnouncement":"micromag-viewer-ariaAnnouncement","accessibilityLinks":"micromag-viewer-accessibilityLinks","accessibilityButton":"micromag-viewer-accessibilityButton","disabled":"micromag-viewer-disabled","tooltip":"micromag-viewer-tooltip","fadeMenu":"micromag-viewer-fadeMenu","withShadow":"micromag-viewer-withShadow","isOpened":"micromag-viewer-isOpened","menuItem":"micromag-viewer-menuItem","menuButton":"micromag-viewer-menuButton","slidingButton":"micromag-viewer-slidingButton","screensMenuButtonToggled":"micromag-viewer-screensMenuButtonToggled","navButton":"micromag-viewer-navButton","previous":"micromag-viewer-previous","next":"micromag-viewer-next","screen":"micromag-viewer-screen","current":"micromag-viewer-current","playbackControls":"micromag-viewer-playbackControls","arrowHint":"micromag-viewer-arrowHint","webView":"micromag-viewer-webView","shareIncentiveContainer":"micromag-viewer-shareIncentiveContainer","shareIncentive":"micromag-viewer-shareIncentive","shareIncentiveVisible":"micromag-viewer-shareIncentiveVisible"};
 
@@ -1697,9 +1683,9 @@ var ViewerMenu = function ViewerMenu(_ref) {
     ref: navContainerRef
   }, !withoutShareMenu || afterShareMenuButton !== null ? /*#__PURE__*/React.createElement("div", Object.assign({
     className: styles$6.menuItem
-  }, bindShareDrag()), !withoutShareMenu ? /*#__PURE__*/React.createElement(ToggleButton$1, {
+  }, bindShareDrag()), !withoutShareMenu ? /*#__PURE__*/React.createElement(ToggleButton, {
     className: styles$6.slidingButton,
-    button: /*#__PURE__*/React.createElement(ShareButton$1, {
+    button: /*#__PURE__*/React.createElement(ShareButton, {
       className: styles$6.menuButton,
       onClick: onOpenShare,
       theme: menuTheme,
@@ -1710,7 +1696,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
       group: "share",
       disabled: !shareOpened,
       returnFocus: true
-    }, /*#__PURE__*/React.createElement(CloseMenuButton$1, {
+    }, /*#__PURE__*/React.createElement(CloseMenuButton, {
       className: styles$6.menuButton,
       onClick: onCloseShare,
       theme: menuTheme,
@@ -1721,9 +1707,9 @@ var ViewerMenu = function ViewerMenu(_ref) {
     progressSpring: shareOpenedProgress
   }) : null, afterShareMenuButton) : null, !withoutScreensMenu || beforeScreensMenuButton !== null ? /*#__PURE__*/React.createElement("div", Object.assign({
     className: styles$6.menuItem
-  }, bindMenuDrag()), beforeScreensMenuButton, !withoutScreensMenu ? /*#__PURE__*/React.createElement(ToggleButton$1, {
+  }, bindMenuDrag()), beforeScreensMenuButton, !withoutScreensMenu ? /*#__PURE__*/React.createElement(ToggleButton, {
     className: styles$6.slidingButton,
-    button: /*#__PURE__*/React.createElement(MenuButton$1, {
+    button: /*#__PURE__*/React.createElement(MenuButton, {
       className: styles$6.menuButton,
       iconClassName: styles$6.menuButtonIcon,
       onClick: onOpenMenu,
@@ -1734,7 +1720,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
       group: "screens",
       disabled: !menuOpened,
       returnFocus: true
-    }, /*#__PURE__*/React.createElement(CloseMenuButton$1, {
+    }, /*#__PURE__*/React.createElement(CloseMenuButton, {
       className: styles$6.menuButton,
       onClick: onCloseMenu,
       theme: menuTheme,
@@ -1743,7 +1729,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
     })),
     progressSpring: menuOpenedProgress,
     toggledButtonClassName: styles$6.screensMenuButtonToggled
-  }) : null) : null), /*#__PURE__*/React.createElement(MenuDots, Object.assign({}, menuTheme, {
+  }) : null) : null), /*#__PURE__*/React.createElement(ViewerMenuDots, Object.assign({}, menuTheme, {
     direction: "horizontal",
     items: items,
     onClickDot: onClickScreen,
@@ -1755,7 +1741,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
     withoutShareMenu: withoutShareMenu,
     onClose: onClickCloseViewer,
     className: styles$6.dots
-  }))), /*#__PURE__*/React.createElement(MenuContainer, {
+  }))), /*#__PURE__*/React.createElement(ViewerMenuContainer, {
     className: styles$6.menuContainer,
     progressSpring: shareOpenedProgress,
     theme: viewerTheme
@@ -1763,7 +1749,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
     group: "share",
     disabled: !shareOpened,
     returnFocus: true
-  }, /*#__PURE__*/React.createElement(MenuShare, {
+  }, /*#__PURE__*/React.createElement(ViewerMenuShare, {
     viewerTheme: viewerTheme,
     className: styles$6.menuShare,
     title: title,
@@ -1776,7 +1762,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
     shareUrl: shareUrl,
     onShare: onShare,
     onClose: onCloseShare
-  })) : null), /*#__PURE__*/React.createElement(MenuContainer, {
+  })) : null), /*#__PURE__*/React.createElement(ViewerMenuContainer, {
     className: styles$6.menuContainer,
     progressSpring: menuOpenedProgress,
     theme: viewerTheme
@@ -1784,7 +1770,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
     group: "screens",
     disabled: !menuOpened,
     returnFocus: true
-  }, /*#__PURE__*/React.createElement(MenuPreview, {
+  }, /*#__PURE__*/React.createElement(ViewerMenuPreview, {
     viewerTheme: viewerTheme,
     header: previewHeader,
     footer: previewFooter,
@@ -1910,7 +1896,7 @@ var NavigationButton = function NavigationButton(_ref) {
     _onClick = _ref.onClick,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React.createElement(IconButton$1, Object.assign({
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
     className: classNames([styles$4.container, styles$4[direction], _defineProperty({}, className, className !== null)]),
     onClick: function onClick(e) {
       e.stopPropagation();
@@ -1931,7 +1917,6 @@ var NavigationButton = function NavigationButton(_ref) {
 };
 NavigationButton.propTypes = propTypes$7;
 NavigationButton.defaultProps = defaultProps$7;
-var NavigationButton$1 = NavigationButton;
 
 var styles$3 = {"container":"micromag-viewer-partials-arrow-hint-container","inner":"micromag-viewer-partials-arrow-hint-inner","shadowFade":"micromag-viewer-partials-arrow-hint-shadowFade","arrow":"micromag-viewer-partials-arrow-hint-arrow","panX":"micromag-viewer-partials-arrow-hint-panX"};
 
@@ -1953,7 +1938,6 @@ var ArrowHint = function ArrowHint(_ref) {
 };
 ArrowHint.propTypes = propTypes$6;
 ArrowHint.defaultProps = defaultProps$6;
-var ArrowHint$1 = ArrowHint;
 
 var styles$2 = {"track":"micromag-viewer-partials-seek-bar-track","progress":"micromag-viewer-partials-seek-bar-progress","inner":"micromag-viewer-partials-seek-bar-inner","progressBarContainer":"micromag-viewer-partials-seek-bar-progressBarContainer","progressBar":"micromag-viewer-partials-seek-bar-progressBar","playHead":"micromag-viewer-partials-seek-bar-playHead","withSeekHead":"micromag-viewer-partials-seek-bar-withSeekHead","scrubbedTime":"micromag-viewer-partials-seek-bar-scrubbedTime","showTimestamp":"micromag-viewer-partials-seek-bar-showTimestamp"};
 
@@ -2181,7 +2165,6 @@ var SeekBar = function SeekBar(_ref3) {
 };
 SeekBar.propTypes = propTypes$5;
 SeekBar.defaultProps = defaultProps$5;
-var SeekBar$1 = SeekBar;
 
 var styles$1 = {"suggest":"micromag-viewer-partials-playback-controls-suggest","playPauseButton":"micromag-viewer-partials-playback-controls-playPauseButton","muteButton":"micromag-viewer-partials-playback-controls-muteButton","container":"micromag-viewer-partials-playback-controls-container","icon":"micromag-viewer-partials-playback-controls-icon","offset":"micromag-viewer-partials-playback-controls-offset","spinner":"micromag-viewer-partials-playback-controls-spinner","withPlayPause":"micromag-viewer-partials-playback-controls-withPlayPause","withSuggestPlay":"micromag-viewer-partials-playback-controls-withSuggestPlay","isCollapsed":"micromag-viewer-partials-playback-controls-isCollapsed","loading":"micromag-viewer-partials-playback-controls-loading","hidden":"micromag-viewer-partials-playback-controls-hidden","notPlaying":"micromag-viewer-partials-playback-controls-notPlaying","isMuted":"micromag-viewer-partials-playback-controls-isMuted","withMute":"micromag-viewer-partials-playback-controls-withMute","withSeekBar":"micromag-viewer-partials-playback-controls-withSeekBar","seekBar":"micromag-viewer-partials-playback-controls-seekBar","withSeekBarOnly":"micromag-viewer-partials-playback-controls-withSeekBarOnly"};
 
@@ -2354,7 +2337,7 @@ function PlaybackControls(_ref) {
   });
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$1.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles$1.withPlayPause, controlsVisible && controls && (!seekBarOnly || !playing)), styles$1.withSuggestPlay, controlsSuggestPlay), styles$1.withMute, hasMedia || controls), styles$1.withSeekBar, controls), styles$1.withSeekBarOnly, seekBarOnly), styles$1.isCollapsed, isCollapsed), styles$1.isMuted, muted), collapsedClassName, collapsedClassName !== null && isCollapsed)])
-  }, controlsSuggestPlay && !finalShowLoading ? /*#__PURE__*/React.createElement(Button$2, {
+  }, controlsSuggestPlay && !finalShowLoading ? /*#__PURE__*/React.createElement(Button$1, {
     className: classNames([styles$1.suggest]),
     style: {
       color: color
@@ -2373,7 +2356,7 @@ function PlaybackControls(_ref) {
       }]
     }),
     withoutBootstrapStyles: true
-  }) : null, /*#__PURE__*/React.createElement(Button$2, {
+  }) : null, /*#__PURE__*/React.createElement(Button$1, {
     className: classNames([styles$1.playPauseButton, _defineProperty(_defineProperty({}, styles$1.hidden, !controlsVisible || controlsSuggestPlay && !controls), styles$1.loading, finalShowLoading)]),
     style: {
       color: color
@@ -2399,7 +2382,7 @@ function PlaybackControls(_ref) {
       }]
     }),
     withoutBootstrapStyles: true
-  }), /*#__PURE__*/React.createElement(SeekBar$1, {
+  }), /*#__PURE__*/React.createElement(SeekBar, {
     className: styles$1.seekBar,
     media: mediaElement,
     playing: playing,
@@ -2412,7 +2395,7 @@ function PlaybackControls(_ref) {
     withSeekHead: !isCollapsed && !seekBarOnly,
     backgroundColor: color,
     progressColor: progressColor
-  }), /*#__PURE__*/React.createElement(Button$2, {
+  }), /*#__PURE__*/React.createElement(Button$1, {
     className: styles$1.muteButton,
     style: {
       color: color
@@ -3237,7 +3220,7 @@ var Viewer = function Viewer(_ref) {
       }]
     }),
     className: styles$6.accessibilityLinks
-  }, /*#__PURE__*/React.createElement(Button$1, {
+  }, /*#__PURE__*/React.createElement(Button, {
     onClick: onClickSkipToPlaybackControls,
     "aria-disabled": withoutPlaybackControls || !playbackcontrolsVisible,
     "aria-describedby": "disabledReason",
@@ -3287,7 +3270,7 @@ var Viewer = function Viewer(_ref) {
     refDots: menuDotsContainerRef
   }) : null, ready || withoutScreensTransforms ? /*#__PURE__*/React.createElement("div", Object.assign({
     className: styles$6.content
-  }, dragContentBind()), !withoutNavigationArrow && !withNeighborScreens && !navigationDisabled && screenIndex > 0 && screens.length > 1 ? /*#__PURE__*/React.createElement(NavigationButton$1, {
+  }, dragContentBind()), !withoutNavigationArrow && !withNeighborScreens && !navigationDisabled && screenIndex > 0 && screens.length > 1 ? /*#__PURE__*/React.createElement(NavigationButton, {
     direction: "previous",
     className: classNames([styles$6.navButton, styles$6.previous]),
     onClick: gotoPreviousScreen,
@@ -3332,7 +3315,7 @@ var Viewer = function Viewer(_ref) {
       height: screenHeight,
       scale: screenScale
     }) : null);
-  })), !withoutNavigationArrow && !withNeighborScreens && !navigationDisabled && screenIndex < screens.length - 1 ? /*#__PURE__*/React.createElement(NavigationButton$1, {
+  })), !withoutNavigationArrow && !withNeighborScreens && !navigationDisabled && screenIndex < screens.length - 1 ? /*#__PURE__*/React.createElement(NavigationButton, {
     direction: "next",
     className: classNames([styles$6.navButton, styles$6.next]),
     onClick: gotoNextScreen,
@@ -3349,7 +3332,7 @@ var Viewer = function Viewer(_ref) {
     ref: playbackControlsContainerRef
   }, /*#__PURE__*/React.createElement(PlaybackControls, {
     className: styles$6.controls
-  })) : null, withNavigationHint && !withNeighborScreens && !navigationDisabled && screenIndex === 0 && !hasInteracted ? /*#__PURE__*/React.createElement(ArrowHint$1, {
+  })) : null, withNavigationHint && !withNeighborScreens && !navigationDisabled && screenIndex === 0 && !hasInteracted ? /*#__PURE__*/React.createElement(ArrowHint, {
     className: styles$6.arrowHint
   }) : null) : null, /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$6.shareIncentiveContainer, _defineProperty({}, styles$6.shareIncentiveVisible, hasShareIncentive && shareIncentiveVisible)]),
@@ -3428,7 +3411,6 @@ var ViewerRoutes = function ViewerRoutes(_ref) {
 };
 ViewerRoutes.propTypes = propTypes$1;
 ViewerRoutes.defaultProps = defaultProps$1;
-var ViewerRoutes$1 = ViewerRoutes;
 
 var home = "/";
 var screen = "/:screen";
@@ -3534,7 +3516,7 @@ var ViewerContainer = function ViewerContainer(_ref) {
   }, withoutRouter ? /*#__PURE__*/React.createElement(Viewer$1, Object.assign({
     story: story,
     basePath: basePath
-  }, otherProps)) : /*#__PURE__*/React.createElement(ViewerRoutes$1, Object.assign({
+  }, otherProps)) : /*#__PURE__*/React.createElement(ViewerRoutes, Object.assign({
     story: story,
     basePath: basePath,
     pathWithIndex: pathWithIndex

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.541",
+    "version": "0.3.547",
     "private": false,
     "description": "",
     "keywords": [
@@ -30,12 +30,11 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
     "style": "assets/css/styles.css",
     "exports": {
         ".": {
-            "require": "./lib/index.js",
             "import": "./es/index.js"
         },
         "./scss/styles": "./scss/styles.scss",
@@ -65,14 +64,14 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/routes": "^0.2.27",
-        "@micromag/core": "^0.3.541",
-        "@micromag/element-badge": "^0.3.541",
-        "@micromag/element-scroll": "^0.3.541",
-        "@micromag/element-share-options": "^0.3.541",
-        "@micromag/element-webview": "^0.3.541",
-        "@micromag/elements": "^0.3.541",
-        "@micromag/intl": "^0.3.541",
-        "@micromag/screens": "^0.3.541",
+        "@micromag/core": "^0.3.547",
+        "@micromag/element-badge": "^0.3.547",
+        "@micromag/element-scroll": "^0.3.547",
+        "@micromag/element-share-options": "^0.3.547",
+        "@micromag/element-webview": "^0.3.547",
+        "@micromag/elements": "^0.3.547",
+        "@micromag/intl": "^0.3.547",
+        "@micromag/screens": "^0.3.547",
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.3.0",
@@ -92,5 +91,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "6c04a7e327b5fbc096785c11320b3fbd3c5751c8"
+    "gitHead": "3c2f5904ce61fcfa61f673c38c2a5ec56e9e2b07"
 }