@telefonica/mistica 11.2.1 → 11.3.0

package/dist-es/carousel.js

@@ -1,20 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import IconChevronLeftRegular from './generated/mistica-icons/icon-chevron-left-regular';
-import IconChevronRightRegular from './generated/mistica-icons/icon-chevron-right-regular';
-import { useIsInViewport, useIsomorphicLayoutEffect, useScreenSize, useTheme } from './hooks';
-import Inline from './inline';
-import { createUseStyles } from './jss';
-import Stack from './stack';
-import Touchable from './touchable';
-import classNames from 'classnames';
-import { useResonsiveLayoutMargin } from './responsive-layout';
-import { useIsInverseVariant, ThemeVariant } from './theme-variant-context';
-import { applyAlpha } from './utils/color';
-import { DisableBorderRadiusProvider } from './image';
-import { getPrefixedDataAttributes, listenResize } from './utils/dom';
-import { isAndroid } from './utils/platform';
-import { useDocumentVisibility } from './utils/document-visibility';
 function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -101,6 +84,23 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import IconChevronLeftRegular from "./generated/mistica-icons/icon-chevron-left-regular";
+import IconChevronRightRegular from "./generated/mistica-icons/icon-chevron-right-regular";
+import { useIsInViewport, useIsomorphicLayoutEffect, useScreenSize, useTheme } from "./hooks";
+import Inline from "./inline";
+import { createUseStyles } from "./jss";
+import Stack from "./stack";
+import Touchable from "./touchable";
+import classNames from "classnames";
+import { useResonsiveLayoutMargin } from "./responsive-layout";
+import { useIsInverseVariant, ThemeVariant } from "./theme-variant-context";
+import { applyAlpha } from "./utils/color";
+import { DisableBorderRadiusProvider } from "./image";
+import { getPrefixedDataAttributes, listenResize } from "./utils/dom";
+import { isAndroid } from "./utils/platform";
+import { useDocumentVisibility } from "./utils/document-visibility";
 var useShouldAutoplay = function(autoplay, ref) {
     var isDocumentVisible = useDocumentVisibility();
     var isInViewport = useIsInViewport(ref, false);
@@ -115,20 +115,20 @@ var useBulletsStyles = createUseStyles(function(theme) {
             },
             width: 8,
             height: 8,
-            borderRadius: '50%',
-            transition: 'transform 0.3s ease-in-out, background-color 0.3s ease-in-out',
-            '&.active': {
+            borderRadius: "50%",
+            transition: "transform 0.3s ease-in-out, background-color 0.3s ease-in-out",
+            "&.active": {
                 backgroundColor: function(param) {
                     var isInverse = param.isInverse;
                     return isInverse ? theme.colors.inverse : theme.colors.controlActivated;
                 },
-                transform: 'scale(1.25)'
+                transform: "scale(1.25)"
             }
         }, theme.mq.tabletOrSmaller, {
             width: 4,
             height: 4,
-            '&.active': {
-                transform: 'scale(1.5)'
+            "&.active": {
+                transform: "scale(1.5)"
             }
         })
     };
@@ -140,13 +140,13 @@ export var PageBullets = function(param) {
         isInverse: isInverse
     });
     var isDesktopOrBigger = useScreenSize().isDesktopOrBigger;
-    return(/*#__PURE__*/ _jsx(Inline, {
+    return /*#__PURE__*/ _jsx(Inline, {
         space: isDesktopOrBigger ? 16 : 8,
         alignItems: "center",
         children: Array.from({
             length: numPages
         }, function(_, i) {
-            /*#__PURE__*/ return _jsx(Touchable, {
+            return /*#__PURE__*/ _jsx(Touchable, {
                 maybe: true,
                 onPress: isDesktopOrBigger && onPress ? function() {
                     return onPress(i);
@@ -158,32 +158,32 @@ export var PageBullets = function(param) {
                 })
             }, i);
         })
-    }));
+    });
 };
 var hideScrollbar = {
-    scrollbarWidth: 'none',
-    '&::-webkit-scrollbar': {
-        display: 'none'
+    scrollbarWidth: "none",
+    "&::-webkit-scrollbar": {
+        display: "none"
     }
 };
 var arrowButtonSize = 40;
 var arrowButtonStyle = function(theme) {
     return {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
         width: arrowButtonSize,
         height: arrowButtonSize,
-        borderRadius: '50%',
+        borderRadius: "50%",
         backgroundColor: theme.colors.backgroundContainer,
         border: "1px solid ".concat(theme.colors.border),
-        transition: 'opacity 0.2s',
-        '&[disabled]': {
+        transition: "opacity 0.2s",
+        "&[disabled]": {
             opacity: 0
         },
         // don't show carrousel arrow buttons in touch devices, just regular horizontal scroll
-        '@media (pointer: coarse)': {
-            display: 'none'
+        "@media (pointer: coarse)": {
+            display: "none"
         }
     };
 };
@@ -191,13 +191,13 @@ var useStyles = createUseStyles(function(theme) {
     var _obj, _obj1, _obj2;
     return {
         carouselContainer: {
-            position: 'relative'
+            position: "relative"
         },
         arrowButton: _objectSpread({}, arrowButtonStyle(theme), {
-            position: 'absolute',
+            position: "absolute",
             zIndex: 1,
             top: "calc(50% - ".concat(arrowButtonSize / 2, "px)"),
-            '&.prev': (_obj = {
+            "&.prev": (_obj = {
                 left: -arrowButtonSize / 2
             }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
                 left: function(param) {
@@ -207,7 +207,7 @@ var useStyles = createUseStyles(function(theme) {
             }), _defineProperty(_obj, theme.mq.largeDesktop, {
                 left: -(24 + arrowButtonSize)
             }), _obj),
-            '&.next': (_obj1 = {
+            "&.next": (_obj1 = {
                 right: -arrowButtonSize / 2
             }, _defineProperty(_obj1, theme.mq.tabletOrSmaller, {
                 right: function(param) {
@@ -221,30 +221,30 @@ var useStyles = createUseStyles(function(theme) {
         hasScroll: {},
         centered: {},
         carousel: _objectSpread({
-            display: 'flex',
-            overflowX: 'auto',
-            minWidth: '100%',
+            display: "flex",
+            overflowX: "auto",
+            minWidth: "100%",
             scrollSnapType: function(param) {
                 var free = param.free;
-                return free ? 'initial' : 'x mandatory';
+                return free ? "initial" : "x mandatory";
             }
         }, hideScrollbar, _defineProperty({}, theme.mq.tabletOrSmaller, {
-            '&$hasScroll': {
+            "&$hasScroll": {
                 margin: function(param) {
                     var sideMargin = param.sideMargin;
                     return "0 -".concat(sideMargin, "px");
                 }
             },
-            '&$centered::before, &$centered::after': {
+            "&$centered::before, &$centered::after": {
                 content: '""',
                 flexShrink: 0,
-                display: 'block',
-                width: '25%'
+                display: "block",
+                width: "25%"
             }
         })),
         item: (_obj2 = {
-            scrollSnapStop: isAndroid(theme.platformOverrides) ? 'always' : 'normal',
-            scrollSnapAlign: 'start',
+            scrollSnapStop: isAndroid(theme.platformOverrides) ? "always" : "normal",
+            scrollSnapAlign: "start",
             flexShrink: 0,
             width: function(param) {
                 var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
@@ -254,11 +254,11 @@ var useStyles = createUseStyles(function(theme) {
                 var gap = param.gap;
                 return "-".concat(gap, "px");
             },
-            '&:first-child': {
+            "&:first-child": {
                 width: function(param) {
                     var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
-                    // prettier-ignore
-                    return "calc(".concat(100 / itemsPerPageConfig.desktop, "% - ").concat(gap * (itemsPerPageConfig.desktop - 1) / itemsPerPageConfig.desktop, "px)");
+                    return(// prettier-ignore
+                    "calc(".concat(100 / itemsPerPageConfig.desktop, "% - ").concat(gap * (itemsPerPageConfig.desktop - 1) / itemsPerPageConfig.desktop, "px)"));
                 },
                 scrollMargin: 0
             }
@@ -267,67 +267,67 @@ var useStyles = createUseStyles(function(theme) {
                 var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
                 return "calc(".concat(100 / itemsPerPageConfig.mobile, "% + ").concat(gap / itemsPerPageConfig.mobile, "px)");
             },
-            '&:first-child': {
+            "&:first-child": {
                 width: function(param) {
                     var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
-                    // prettier-ignore
-                    return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat(gap * (itemsPerPageConfig.mobile - 1) / itemsPerPageConfig.mobile, "px)");
+                    return(// prettier-ignore
+                    "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat(gap * (itemsPerPageConfig.mobile - 1) / itemsPerPageConfig.mobile, "px)"));
                 }
             },
-            scrollSnapAlign: 'start',
+            scrollSnapAlign: "start",
             scrollMargin: function(param) {
                 var mobilePageOffsetConfig = param.mobilePageOffsetConfig;
                 return "".concat(mobilePageOffsetConfig.prev, "px");
             },
-            '$hasScroll:not($centered) &': {
+            "$hasScroll:not($centered) &": {
                 width: function(param) {
                     var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap;
-                    // prettier-ignore
-                    return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile, "px)");
+                    return(// prettier-ignore
+                    "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile, "px)"));
                 },
-                '&:first-child': {
+                "&:first-child": {
                     paddingLeft: function(param) {
                         var sideMargin = param.sideMargin;
                         return sideMargin;
                     },
                     width: function(param) {
                         var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap, sideMargin = param.sideMargin;
-                        // prettier-ignore
-                        return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile + gap - sideMargin, "px)");
+                        return(// prettier-ignore
+                        "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile + gap - sideMargin, "px)"));
                     }
                 },
-                '&:last-child': {
+                "&:last-child": {
                     paddingRight: function(param) {
                         var sideMargin = param.sideMargin;
                         return sideMargin;
                     },
                     width: function(param) {
                         var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap, sideMargin = param.sideMargin;
-                        // prettier-ignore
-                        return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile - sideMargin, "px)");
+                        return(// prettier-ignore
+                        "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile - sideMargin, "px)"));
                     }
                 }
             },
-            '$centered &': {
+            "$centered &": {
                 width: function() {
-                    return '50%';
+                    return "50%";
                 },
-                scrollSnapAlign: 'center',
+                scrollSnapAlign: "center",
                 scrollMargin: function() {
                     return 0;
                 }
             }
-        }), _defineProperty(_obj2, '&:not(:empty) ~ &:not(:empty)', {
+        }), _defineProperty(_obj2, "&:not(:empty) ~ &:not(:empty)", {
             paddingLeft: function(param) {
                 var gap = param.gap;
                 return gap;
             }
-        }), _defineProperty(_obj2, '&:empty', {
-            display: 'none'
+        }), _defineProperty(_obj2, "&:empty", {
+            display: "none"
         }), _obj2),
         bullets: {
-            display: 'flex',
-            justifyContent: 'center'
+            display: "flex",
+            justifyContent: "center"
         }
     };
 });
@@ -339,7 +339,7 @@ var normalizeItemsPerPage = function(itemsPerPage) {
     if (!itemsPerPage) {
         return defaultItemsPerPage;
     }
-    if (typeof itemsPerPage === 'number') {
+    if (typeof itemsPerPage === "number") {
         return {
             mobile: itemsPerPage,
             desktop: itemsPerPage
@@ -348,7 +348,7 @@ var normalizeItemsPerPage = function(itemsPerPage) {
     return _objectSpread({}, defaultItemsPerPage, itemsPerPage);
 };
 var normalizeMobilePageOffset = function(mobilePageOffset) {
-    if (typeof mobilePageOffset === 'number') {
+    if (typeof mobilePageOffset === "number") {
         return {
             next: mobilePageOffset,
             prev: mobilePageOffset
@@ -438,7 +438,7 @@ var BaseCarousel = function(param) {
                     }
                     return mobilePageOffsetConfig.prev;
                 };
-                setItemScrollPositions(Array.from(carouselEl.querySelectorAll('[data-item]')).map(function(itemEl, idx) {
+                setItemScrollPositions(Array.from(carouselEl.querySelectorAll("[data-item]")).map(function(itemEl, idx) {
                     if (idx === items.length - 1) {
                         return maxScroll;
                     }
@@ -450,13 +450,13 @@ var BaseCarousel = function(param) {
             };
             handleCarouselChange();
             calcItemScrollPositions();
-            carouselEl.addEventListener('scroll', handleCarouselChange);
+            carouselEl.addEventListener("scroll", handleCarouselChange);
             var unlistenResize = listenResize(carouselEl, function() {
                 handleCarouselChange();
                 calcItemScrollPositions();
             });
             return function() {
-                carouselEl.removeEventListener('scroll', handleCarouselChange);
+                carouselEl.removeEventListener("scroll", handleCarouselChange);
                 unlistenResize();
             };
         }
@@ -479,7 +479,7 @@ var BaseCarousel = function(param) {
             var scroll = pagesScrollPositions[pageIndex];
             carouselEl.scrollTo({
                 left: scroll,
-                behavior: 'smooth'
+                behavior: "smooth"
             });
         }
     }, [
@@ -494,7 +494,7 @@ var BaseCarousel = function(param) {
             });
             carouselEl.scrollTo({
                 left: prevPageScrollPosition,
-                behavior: 'smooth'
+                behavior: "smooth"
             });
         }
     }, [
@@ -509,7 +509,7 @@ var BaseCarousel = function(param) {
             });
             carouselEl.scrollTo({
                 left: nextPageScrollPosition,
-                behavior: 'smooth'
+                behavior: "smooth"
             });
         }
     }, [
@@ -518,8 +518,8 @@ var BaseCarousel = function(param) {
     var shouldAutoplay = useShouldAutoplay(!!autoplay, carouselRef);
     React.useEffect(function() {
         if (shouldAutoplay && autoplay) {
-            var time = typeof autoplay === 'boolean' ? DEFAULT_AUTOPLAY_TIME : autoplay.time;
-            var loop = typeof autoplay === 'object' && autoplay.loop;
+            var time = typeof autoplay === "boolean" ? DEFAULT_AUTOPLAY_TIME : autoplay.time;
+            var loop = typeof autoplay === "object" && autoplay.loop;
             var interval = setInterval(function() {
                 if (scrollRight1 !== 0) {
                     goNext();
@@ -527,7 +527,7 @@ var BaseCarousel = function(param) {
                     var ref;
                     (ref = carouselRef.current) === null || ref === void 0 ? void 0 : ref.scrollTo({
                         left: 0,
-                        behavior: 'smooth'
+                        behavior: "smooth"
                     });
                 }
             }, time);
@@ -578,7 +578,7 @@ var BaseCarousel = function(param) {
         });
     }
     var _obj;
-    return(/*#__PURE__*/ _jsxs(Stack, {
+    return /*#__PURE__*/ _jsxs(Stack, {
         space: 24,
         dataAttributes: dataAttributes,
         children: [
@@ -588,7 +588,7 @@ var BaseCarousel = function(param) {
                     /*#__PURE__*/ _jsx(ThemeVariant, {
                         isInverse: false,
                         children: /*#__PURE__*/ _jsx(Touchable, {
-                            className: classNames(classes.arrowButton, 'prev'),
+                            className: classNames(classes.arrowButton, "prev"),
                             "aria-label": texts.carouselPrevButton,
                             onPress: goPrev,
                             disabled: !showPrevArrow,
@@ -599,7 +599,7 @@ var BaseCarousel = function(param) {
                         className: classNames(classes.carousel, (_obj = {}, _defineProperty(_obj, classes.centered, centered), _defineProperty(_obj, classes.hasScroll, pagesCount > 1), _obj)),
                         ref: carouselRef,
                         children: items.map(function(item, index) {
-                            /*#__PURE__*/ return _jsx("div", {
+                            return /*#__PURE__*/ _jsx("div", {
                                 className: classes.item,
                                 "data-item": true,
                                 children: item
@@ -609,7 +609,7 @@ var BaseCarousel = function(param) {
                     /*#__PURE__*/ _jsx(ThemeVariant, {
                         isInverse: false,
                         children: /*#__PURE__*/ _jsx(Touchable, {
-                            className: classNames(classes.arrowButton, 'next'),
+                            className: classNames(classes.arrowButton, "next"),
                             "aria-label": texts.carouselNextButton,
                             onPress: goNext,
                             disabled: !showNextArrow,
@@ -623,14 +623,14 @@ var BaseCarousel = function(param) {
                 children: bullets
             })
         ]
-    }));
+    });
 };
 export var Carousel = function(props) {
-    /*#__PURE__*/ return _jsx(BaseCarousel, _objectSpread({}, props));
+    return /*#__PURE__*/ _jsx(BaseCarousel, _objectSpread({}, props));
 };
 export var CenteredCarousel = function(param) {
     var items = param.items, withBullets = param.withBullets, renderBullets = param.renderBullets, onPageChange = param.onPageChange, dataAttributes = param.dataAttributes;
-    /*#__PURE__*/ return _jsx(BaseCarousel, {
+    return /*#__PURE__*/ _jsx(BaseCarousel, {
         items: items,
         itemsPerPage: {
             mobile: 1,
@@ -649,13 +649,13 @@ export var CenteredCarousel = function(param) {
 var useSlideshowStyles = createUseStyles(function(theme) {
     return {
         slideshowContainer: {
-            position: 'relative'
+            position: "relative"
         },
         slideshow: _objectSpread({
-            display: 'flex',
-            overflowX: 'auto',
-            minWidth: '100%',
-            scrollSnapType: 'x mandatory'
+            display: "flex",
+            overflowX: "auto",
+            minWidth: "100%",
+            scrollSnapType: "x mandatory"
         }, hideScrollbar, _defineProperty({}, theme.mq.tabletOrSmaller, {
             margin: function(param) {
                 var sideMargin = param.sideMargin;
@@ -663,33 +663,33 @@ var useSlideshowStyles = createUseStyles(function(theme) {
             }
         })),
         item: {
-            width: '100%',
-            scrollSnapStop: isAndroid(theme.platformOverrides) ? 'always' : 'normal',
-            scrollSnapAlign: 'start',
+            width: "100%",
+            scrollSnapStop: isAndroid(theme.platformOverrides) ? "always" : "normal",
+            scrollSnapAlign: "start",
             flexShrink: 0
         },
         arrowButton: _objectSpread({}, arrowButtonStyle(theme), {
-            border: 'none',
-            position: 'absolute',
+            border: "none",
+            position: "absolute",
             zIndex: 1,
             top: "calc(50% - ".concat(arrowButtonSize / 2, "px)"),
-            '&.prev': _defineProperty({
+            "&.prev": _defineProperty({
                 left: 24
             }, theme.mq.tabletOrSmaller, {
                 left: 0
             }),
-            '&.next': _defineProperty({
+            "&.next": _defineProperty({
                 right: 24
             }, theme.mq.tabletOrSmaller, {
                 right: 0
             })
         }),
         bullets: {
-            position: 'absolute',
+            position: "absolute",
             bottom: 24,
-            display: 'flex',
-            justifyContent: 'center',
-            width: '100%'
+            display: "flex",
+            justifyContent: "center",
+            width: "100%"
         }
     };
 });
@@ -710,7 +710,7 @@ export var Slideshow = function(param) {
         if (carouselEl) {
             carouselEl.scrollBy({
                 left: -carouselEl.clientWidth,
-                behavior: 'smooth'
+                behavior: "smooth"
             });
         }
     }, []);
@@ -719,7 +719,7 @@ export var Slideshow = function(param) {
         if (carouselEl) {
             carouselEl.scrollBy({
                 left: carouselEl.clientWidth,
-                behavior: 'smooth'
+                behavior: "smooth"
             });
         }
     }, []);
@@ -739,10 +739,10 @@ export var Slideshow = function(param) {
                 });
             };
             handleCarouselChange();
-            carouselEl.addEventListener('scroll', handleCarouselChange);
+            carouselEl.addEventListener("scroll", handleCarouselChange);
             var unlistenResize = listenResize(carouselEl, handleCarouselChange);
             return function() {
-                carouselEl.removeEventListener('scroll', handleCarouselChange);
+                carouselEl.removeEventListener("scroll", handleCarouselChange);
                 unlistenResize();
             };
         }
@@ -752,8 +752,8 @@ export var Slideshow = function(param) {
     var shouldAutoplay = useShouldAutoplay(!!autoplay, carouselRef);
     React.useEffect(function() {
         if (shouldAutoplay && autoplay) {
-            var time = typeof autoplay === 'boolean' ? DEFAULT_AUTOPLAY_TIME : autoplay.time;
-            var loop = typeof autoplay === 'object' && autoplay.loop;
+            var time = typeof autoplay === "boolean" ? DEFAULT_AUTOPLAY_TIME : autoplay.time;
+            var loop = typeof autoplay === "object" && autoplay.loop;
             var interval = setInterval(function() {
                 if (scrollRight2 !== 0) {
                     goNext();
@@ -761,7 +761,7 @@ export var Slideshow = function(param) {
                     var ref;
                     (ref = carouselRef.current) === null || ref === void 0 ? void 0 : ref.scrollTo({
                         left: 0,
-                        behavior: 'smooth'
+                        behavior: "smooth"
                     });
                 }
             }, time);
@@ -783,14 +783,14 @@ export var Slideshow = function(param) {
         currentIndex,
         onPageChange
     ]);
-    return(/*#__PURE__*/ _jsxs("div", _objectSpread({
+    return /*#__PURE__*/ _jsxs("div", _objectSpread({
         className: classes.slideshowContainer
     }, getPrefixedDataAttributes(dataAttributes), {
         children: [
             /*#__PURE__*/ _jsx(ThemeVariant, {
                 isInverse: false,
                 children: /*#__PURE__*/ _jsx(Touchable, {
-                    className: classNames(classes.arrowButton, 'prev'),
+                    className: classNames(classes.arrowButton, "prev"),
                     "aria-label": texts.carouselPrevButton,
                     onPress: goPrev,
                     disabled: !showPrevArrow,
@@ -802,7 +802,7 @@ export var Slideshow = function(param) {
                     className: classes.slideshow,
                     ref: carouselRef,
                     children: items.map(function(item, index) {
-                        /*#__PURE__*/ return _jsx("div", {
+                        return /*#__PURE__*/ _jsx("div", {
                             className: classes.item,
                             children: item
                         }, index);
@@ -812,7 +812,7 @@ export var Slideshow = function(param) {
             /*#__PURE__*/ _jsx(ThemeVariant, {
                 isInverse: false,
                 children: /*#__PURE__*/ _jsx(Touchable, {
-                    className: classNames(classes.arrowButton, 'next'),
+                    className: classNames(classes.arrowButton, "next"),
                     "aria-label": texts.carouselNextButton,
                     onPress: goNext,
                     disabled: !showNextArrow,
@@ -830,5 +830,5 @@ export var Slideshow = function(param) {
                 })
             })
         ]
-    })));
+    }));
 };