@telefonica/mistica 11.2.1 → 11.3.0

package/dist/carousel.js

@@ -147,20 +147,20 @@ var useBulletsStyles = (0, _jss).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 backgroundColor(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)"
             }
         })
     };
@@ -172,13 +172,13 @@ var PageBullets = function PageBullets(param) {
         isInverse: isInverse
     });
     var isDesktopOrBigger = (0, _hooks).useScreenSize().isDesktopOrBigger;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_inline.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_inline.default, {
         space: isDesktopOrBigger ? 16 : 8,
         alignItems: "center",
         children: Array.from({
             length: numPages
         }, function(_, i) {
-            /*#__PURE__*/ return (0, _jsxRuntime).jsx(_touchable.default, {
+            return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
                 maybe: true,
                 onPress: isDesktopOrBigger && onPress ? function() {
                     return onPress(i);
@@ -190,33 +190,33 @@ var PageBullets = function PageBullets(param) {
                 })
             }, i);
         })
-    }));
+    });
 };
 exports.PageBullets = PageBullets;
 var hideScrollbar = {
-    scrollbarWidth: 'none',
-    '&::-webkit-scrollbar': {
-        display: 'none'
+    scrollbarWidth: "none",
+    "&::-webkit-scrollbar": {
+        display: "none"
     }
 };
 var arrowButtonSize = 40;
 var arrowButtonStyle = function arrowButtonStyle(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"
         }
     };
 };
@@ -224,13 +224,13 @@ var useStyles = (0, _jss).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 left(param) {
@@ -240,7 +240,7 @@ var useStyles = (0, _jss).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 right(param) {
@@ -254,30 +254,30 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         hasScroll: {},
         centered: {},
         carousel: _objectSpread({
-            display: 'flex',
-            overflowX: 'auto',
-            minWidth: '100%',
+            display: "flex",
+            overflowX: "auto",
+            minWidth: "100%",
             scrollSnapType: function scrollSnapType(param) {
                 var free = param.free;
-                return free ? 'initial' : 'x mandatory';
+                return free ? "initial" : "x mandatory";
             }
         }, hideScrollbar, _defineProperty({}, theme.mq.tabletOrSmaller, {
-            '&$hasScroll': {
+            "&$hasScroll": {
                 margin: function margin(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: (0, _platform).isAndroid(theme.platformOverrides) ? 'always' : 'normal',
-            scrollSnapAlign: 'start',
+            scrollSnapStop: (0, _platform).isAndroid(theme.platformOverrides) ? "always" : "normal",
+            scrollSnapAlign: "start",
             flexShrink: 0,
             width: function width(param) {
                 var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
@@ -287,10 +287,9 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
                 var gap = param.gap;
                 return "-".concat(gap, "px");
             },
-            '&:first-child': {
+            "&:first-child": {
                 width: function width(param) {
                     var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
-                    // prettier-ignore
                     return "calc(".concat(100 / itemsPerPageConfig.desktop, "% - ").concat(gap * (itemsPerPageConfig.desktop - 1) / itemsPerPageConfig.desktop, "px)");
                 },
                 scrollMargin: 0
@@ -300,67 +299,63 @@ var useStyles = (0, _jss).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 width(param) {
                     var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
-                    // prettier-ignore
                     return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat(gap * (itemsPerPageConfig.mobile - 1) / itemsPerPageConfig.mobile, "px)");
                 }
             },
-            scrollSnapAlign: 'start',
+            scrollSnapAlign: "start",
             scrollMargin: function scrollMargin(param) {
                 var mobilePageOffsetConfig = param.mobilePageOffsetConfig;
                 return "".concat(mobilePageOffsetConfig.prev, "px");
             },
-            '$hasScroll:not($centered) &': {
+            "$hasScroll:not($centered) &": {
                 width: function width(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)");
                 },
-                '&:first-child': {
+                "&:first-child": {
                     paddingLeft: function paddingLeft(param) {
                         var sideMargin = param.sideMargin;
                         return sideMargin;
                     },
                     width: function width(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)");
                     }
                 },
-                '&:last-child': {
+                "&:last-child": {
                     paddingRight: function paddingRight(param) {
                         var sideMargin = param.sideMargin;
                         return sideMargin;
                     },
                     width: function width(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)");
                     }
                 }
             },
-            '$centered &': {
+            "$centered &": {
                 width: function width() {
-                    return '50%';
+                    return "50%";
                 },
-                scrollSnapAlign: 'center',
+                scrollSnapAlign: "center",
                 scrollMargin: function scrollMargin() {
                     return 0;
                 }
             }
-        }), _defineProperty(_obj2, '&:not(:empty) ~ &:not(:empty)', {
+        }), _defineProperty(_obj2, "&:not(:empty) ~ &:not(:empty)", {
             paddingLeft: function paddingLeft(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"
         }
     };
 });
@@ -372,7 +367,7 @@ var normalizeItemsPerPage = function normalizeItemsPerPage(itemsPerPage) {
     if (!itemsPerPage) {
         return defaultItemsPerPage;
     }
-    if (typeof itemsPerPage === 'number') {
+    if (typeof itemsPerPage === "number") {
         return {
             mobile: itemsPerPage,
             desktop: itemsPerPage
@@ -381,7 +376,7 @@ var normalizeItemsPerPage = function normalizeItemsPerPage(itemsPerPage) {
     return _objectSpread({}, defaultItemsPerPage, itemsPerPage);
 };
 var normalizeMobilePageOffset = function normalizeMobilePageOffset(mobilePageOffset) {
-    if (typeof mobilePageOffset === 'number') {
+    if (typeof mobilePageOffset === "number") {
         return {
             next: mobilePageOffset,
             prev: mobilePageOffset
@@ -471,7 +466,7 @@ var BaseCarousel = function BaseCarousel(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;
                     }
@@ -483,13 +478,13 @@ var BaseCarousel = function BaseCarousel(param) {
             };
             handleCarouselChange();
             calcItemScrollPositions();
-            carouselEl.addEventListener('scroll', handleCarouselChange);
+            carouselEl.addEventListener("scroll", handleCarouselChange);
             var unlistenResize = (0, _dom).listenResize(carouselEl, function() {
                 handleCarouselChange();
                 calcItemScrollPositions();
             });
             return function() {
-                carouselEl.removeEventListener('scroll', handleCarouselChange);
+                carouselEl.removeEventListener("scroll", handleCarouselChange);
                 unlistenResize();
             };
         }
@@ -512,7 +507,7 @@ var BaseCarousel = function BaseCarousel(param) {
             var scroll = pagesScrollPositions[pageIndex];
             carouselEl.scrollTo({
                 left: scroll,
-                behavior: 'smooth'
+                behavior: "smooth"
             });
         }
     }, [
@@ -527,7 +522,7 @@ var BaseCarousel = function BaseCarousel(param) {
             });
             carouselEl.scrollTo({
                 left: prevPageScrollPosition,
-                behavior: 'smooth'
+                behavior: "smooth"
             });
         }
     }, [
@@ -542,7 +537,7 @@ var BaseCarousel = function BaseCarousel(param) {
             });
             carouselEl.scrollTo({
                 left: nextPageScrollPosition,
-                behavior: 'smooth'
+                behavior: "smooth"
             });
         }
     }, [
@@ -551,8 +546,8 @@ var BaseCarousel = function BaseCarousel(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();
@@ -560,7 +555,7 @@ var BaseCarousel = function BaseCarousel(param) {
                     var ref;
                     (ref = carouselRef.current) === null || ref === void 0 ? void 0 : ref.scrollTo({
                         left: 0,
-                        behavior: 'smooth'
+                        behavior: "smooth"
                     });
                 }
             }, time);
@@ -611,7 +606,7 @@ var BaseCarousel = function BaseCarousel(param) {
         });
     }
     var _obj;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
         space: 24,
         dataAttributes: dataAttributes,
         children: [
@@ -621,7 +616,7 @@ var BaseCarousel = function BaseCarousel(param) {
                     /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
                         isInverse: false,
                         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                            className: (0, _classnames).default(classes.arrowButton, 'prev'),
+                            className: (0, _classnames).default(classes.arrowButton, "prev"),
                             "aria-label": texts.carouselPrevButton,
                             onPress: goPrev,
                             disabled: !showPrevArrow,
@@ -632,7 +627,7 @@ var BaseCarousel = function BaseCarousel(param) {
                         className: (0, _classnames).default(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 (0, _jsxRuntime).jsx("div", {
+                            return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                                 className: classes.item,
                                 "data-item": true,
                                 children: item
@@ -642,7 +637,7 @@ var BaseCarousel = function BaseCarousel(param) {
                     /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
                         isInverse: false,
                         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                            className: (0, _classnames).default(classes.arrowButton, 'next'),
+                            className: (0, _classnames).default(classes.arrowButton, "next"),
                             "aria-label": texts.carouselNextButton,
                             onPress: goNext,
                             disabled: !showNextArrow,
@@ -656,15 +651,15 @@ var BaseCarousel = function BaseCarousel(param) {
                 children: bullets
             })
         ]
-    }));
+    });
 };
 var Carousel = function Carousel(props) {
-    /*#__PURE__*/ return (0, _jsxRuntime).jsx(BaseCarousel, _objectSpread({}, props));
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(BaseCarousel, _objectSpread({}, props));
 };
 exports.Carousel = Carousel;
 var CenteredCarousel = function CenteredCarousel(param) {
     var items = param.items, withBullets = param.withBullets, renderBullets = param.renderBullets, onPageChange = param.onPageChange, dataAttributes = param.dataAttributes;
-    /*#__PURE__*/ return (0, _jsxRuntime).jsx(BaseCarousel, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(BaseCarousel, {
         items: items,
         itemsPerPage: {
             mobile: 1,
@@ -684,13 +679,13 @@ exports.CenteredCarousel = CenteredCarousel;
 var useSlideshowStyles = (0, _jss).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 margin(param) {
                 var sideMargin = param.sideMargin;
@@ -698,33 +693,33 @@ var useSlideshowStyles = (0, _jss).createUseStyles(function(theme) {
             }
         })),
         item: {
-            width: '100%',
-            scrollSnapStop: (0, _platform).isAndroid(theme.platformOverrides) ? 'always' : 'normal',
-            scrollSnapAlign: 'start',
+            width: "100%",
+            scrollSnapStop: (0, _platform).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%"
         }
     };
 });
@@ -745,7 +740,7 @@ var Slideshow = function Slideshow(param) {
         if (carouselEl) {
             carouselEl.scrollBy({
                 left: -carouselEl.clientWidth,
-                behavior: 'smooth'
+                behavior: "smooth"
             });
         }
     }, []);
@@ -754,7 +749,7 @@ var Slideshow = function Slideshow(param) {
         if (carouselEl) {
             carouselEl.scrollBy({
                 left: carouselEl.clientWidth,
-                behavior: 'smooth'
+                behavior: "smooth"
             });
         }
     }, []);
@@ -774,10 +769,10 @@ var Slideshow = function Slideshow(param) {
                 });
             };
             handleCarouselChange();
-            carouselEl.addEventListener('scroll', handleCarouselChange);
+            carouselEl.addEventListener("scroll", handleCarouselChange);
             var unlistenResize = (0, _dom).listenResize(carouselEl, handleCarouselChange);
             return function() {
-                carouselEl.removeEventListener('scroll', handleCarouselChange);
+                carouselEl.removeEventListener("scroll", handleCarouselChange);
                 unlistenResize();
             };
         }
@@ -787,8 +782,8 @@ var Slideshow = function Slideshow(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();
@@ -796,7 +791,7 @@ var Slideshow = function Slideshow(param) {
                     var ref;
                     (ref = carouselRef.current) === null || ref === void 0 ? void 0 : ref.scrollTo({
                         left: 0,
-                        behavior: 'smooth'
+                        behavior: "smooth"
                     });
                 }
             }, time);
@@ -818,14 +813,14 @@ var Slideshow = function Slideshow(param) {
         currentIndex,
         onPageChange
     ]);
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", _objectSpread({
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", _objectSpread({
         className: classes.slideshowContainer
     }, (0, _dom).getPrefixedDataAttributes(dataAttributes), {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
                 isInverse: false,
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                    className: (0, _classnames).default(classes.arrowButton, 'prev'),
+                    className: (0, _classnames).default(classes.arrowButton, "prev"),
                     "aria-label": texts.carouselPrevButton,
                     onPress: goPrev,
                     disabled: !showPrevArrow,
@@ -837,7 +832,7 @@ var Slideshow = function Slideshow(param) {
                     className: classes.slideshow,
                     ref: carouselRef,
                     children: items.map(function(item, index) {
-                        /*#__PURE__*/ return (0, _jsxRuntime).jsx("div", {
+                        return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                             className: classes.item,
                             children: item
                         }, index);
@@ -847,7 +842,7 @@ var Slideshow = function Slideshow(param) {
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
                 isInverse: false,
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                    className: (0, _classnames).default(classes.arrowButton, 'next'),
+                    className: (0, _classnames).default(classes.arrowButton, "next"),
                     "aria-label": texts.carouselNextButton,
                     onPress: goNext,
                     disabled: !showNextArrow,
@@ -865,6 +860,6 @@ var Slideshow = function Slideshow(param) {
                 })
             })
         ]
-    })));
+    }));
 };
 exports.Slideshow = Slideshow;

package/dist/checkbox.js

@@ -121,27 +121,27 @@ var useIconCheckboxStyles = (0, _jss).createUseStyles(function(param) {
             flexShrink: 0,
             height: 18,
             width: 18,
-            display: 'inline-flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            userSelect: 'none',
+            display: "inline-flex",
+            justifyContent: "center",
+            alignItems: "center",
+            userSelect: "none",
             borderRadius: 2,
-            verticalAlign: 'middle',
+            verticalAlign: "middle",
             background: colors.background,
             boxShadow: "inset 0 0 0 ".concat(isIos ? 1 : 2, "px ").concat(colors.control),
-            transition: 'box-shadow 0.3s'
+            transition: "box-shadow 0.3s"
         },
         boxChecked: {
             boxShadow: "inset 0 0 0 9px ".concat(colors.controlActivated)
         },
         check: {
-            display: 'block',
-            transform: 'scale(0, 0)',
-            transformOrigin: 'center',
-            transition: 'transform 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6)'
+            display: "block",
+            transform: "scale(0, 0)",
+            transformOrigin: "center",
+            transition: "transform 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6)"
         },
         checkChecked: {
-            transform: 'scale(1, 1)'
+            transform: "scale(1, 1)"
         },
         disabled: {
             opacity: 0.5
@@ -172,16 +172,16 @@ var IconCheckbox = function IconCheckbox(param) {
         })
     });
     var _obj;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         className: (0, _classnames).default(classes.box, (_obj = {}, _defineProperty(_obj, classes.boxChecked, isChecked), _defineProperty(_obj, classes.disabled, disabled), _obj)),
         children: icon
-    }));
+    });
 };
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         checkboxContainer: {
-            cursor: 'default',
-            display: 'inline'
+            cursor: "default",
+            display: "inline"
         },
         disabled: {
             opacity: 0.5
@@ -190,9 +190,9 @@ var useStyles = (0, _jss).createUseStyles(function() {
 });
 var Checkbox = function Checkbox(props) {
     var classes = useStyles();
-    var labelId = (0, _hooks).useAriaId(props['aria-labelledby']);
-    var ariaLabel = props['aria-label'];
-    var hasExternalLabel = ariaLabel || props['aria-labelledby'];
+    var labelId = (0, _hooks).useAriaId(props["aria-labelledby"]);
+    var ariaLabel = props["aria-label"];
+    var hasExternalLabel = ariaLabel || props["aria-labelledby"];
     var ref = (0, _formContext).useControlProps({
         name: props.name,
         value: props.checked,
@@ -247,7 +247,7 @@ var Checkbox = function Checkbox(props) {
                     as: "div",
                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                         style: {
-                            position: 'relative',
+                            position: "relative",
                             top: -2
                         },
                         children: iconCheckbox
@@ -257,9 +257,9 @@ var Checkbox = function Checkbox(props) {
                     regular: true,
                     as: "div",
                     id: labelId,
-                    role: hasExternalLabel ? 'presentation' : undefined,
+                    role: hasExternalLabel ? "presentation" : undefined,
                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx("span", {
-                        className: disabled ? classes.disabled : '',
+                        className: disabled ? classes.disabled : "",
                         children: props.children
                     })
                 })