@telefonica/mistica 10.22.1 → 10.24.0

package/dist-es/icons/icon-chevron.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { useTheme } from '../hooks';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -15,8 +16,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -57,7 +57,7 @@ var rotateAngleByDirection = {
 };
 var IconChevron = function(param) {
     var _size = param.size, size = _size === void 0 ? 24 : _size, color = param.color, className = param.className, style = param.style, _direction = param.direction, direction = _direction === void 0 ? 'right' : _direction;
-    var ref = useTheme(), colors = ref.colors;
+    var colors = useTheme().colors;
     var fillColor = color || colors.neutralHigh;
     var props = {
         size: size,
@@ -66,7 +66,6 @@ var IconChevron = function(param) {
         className: className,
         style: style
     };
-    return(/*#__PURE__*/ _jsx(IconChevronRightSvg, _objectSpread({
-    }, props)));
+    return(/*#__PURE__*/ _jsx(IconChevronRightSvg, _objectSpread({}, props)));
 };
 export default IconChevron;

package/dist-es/icons/icon-close.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { useTheme } from '../hooks';
 var ICON_SIZE_1 = 24;
 /** @deprecated use IconCloseRegular instead */ var IconClose = function(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? ICON_SIZE_1 : _size, color = param.color;
-    var ref = useTheme(), colors = ref.colors;
+    var colors = useTheme().colors;
     var fillColor = color || colors.neutralHigh;
     return(/*#__PURE__*/ _jsx("svg", {
         role: role,

package/dist-es/icons/icon-creditcard.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 var IconCreditcard = function(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
     var originalSize = 32;

package/dist-es/icons/icon-cvv-amex.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 var IconCvvAmex = function(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 48 : _size;
     /*#__PURE__*/ return _jsx("svg", {

package/dist-es/icons/icon-cvv-visa-mc.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 var IconCvvVisaMc = function(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 48 : _size;
     /*#__PURE__*/ return _jsx("svg", {

package/dist-es/icons/icon-error.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { getAnimateDrawLineProps, getAnimateFadeInProps, animateShakeStyles } from '../utils/animation';
 import { createUseStyles } from '../jss';
 import { useTheme } from '../hooks';
@@ -18,8 +19,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -48,38 +48,48 @@ var IconErrorO2 = function() {
     var classes = useStyles({
         delay: 0.8
     });
-    var ref = useTheme(), platformOverrides = ref.platformOverrides;
+    var platformOverrides = useTheme().platformOverrides;
     return(/*#__PURE__*/ _jsx("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
         children: /*#__PURE__*/ _jsxs("g", {
             className: classes.iconContainerFill,
-            strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-                /*#__PURE__*/ _jsx("g", {
+                /*#__PURE__*/ _jsxs("g", {
                     className: classes.outerAnimation,
-                    children: /*#__PURE__*/ _jsx("path", _objectSpread({
-                        fill: "none",
-                        d: "M49.1,57.9C44.2,61.1,38.3,63,32,63C14.9,63,1,49.1,1,32C1,14.9,14.9,1,32,1c17.1,0,31,13.9,31,31c0,7.5-2.6,14.3-7.1,19.7"
-                    }, getAnimateDrawLineProps('186', '0.3s', platformOverrides)))
+                    children: [
+                        /*#__PURE__*/ _jsx("path", _objectSpread({
+                            strokeWidth: "2",
+                            fill: "none",
+                            d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
+                        }, getAnimateDrawLineProps('202', '0.3s', platformOverrides))),
+                        /*#__PURE__*/ _jsx("circle", _objectSpread({
+                            cx: "53.64",
+                            cy: "53.54",
+                            r: "1.06"
+                        }, getAnimateFadeInProps('0.2s', platformOverrides)))
+                    ]
                 }),
                 /*#__PURE__*/ _jsxs("g", {
                     className: classes.innerAnimation,
                     children: [
                         /*#__PURE__*/ _jsx("line", _objectSpread({
+                            strokeWidth: "2",
                             fill: "none",
                             x1: "32",
-                            y1: "13.5",
+                            y1: "14.86",
                             x2: "32",
-                            y2: "36.5"
-                        }, getAnimateDrawLineProps('23', '0.7s', platformOverrides))),
-                        /*#__PURE__*/ _jsx("path", _objectSpread({
-                            strokeWidth: "1",
-                            d: "M32.1,50.1c1.4,0,2.5-1.1,2.5-2.5S33.5,45,32.1,45s-2.5,1.1-2.5,2.5S30.7,50.1,32.1,50.1z"
-                        }, getAnimateFadeInProps('1', platformOverrides)))
+                            y2: "39.08"
+                        }, getAnimateDrawLineProps('110', '0.6s', platformOverrides))),
+                        /*#__PURE__*/ _jsx("circle", _objectSpread({
+                            strokeWidth: "0",
+                            cx: "32",
+                            cy: "46.25",
+                            r: "1.72"
+                        }, getAnimateFadeInProps('0.8', platformOverrides)))
                     ]
                 })
             ]
@@ -90,7 +100,7 @@ var IconErrorDefault = function() {
     var classes = useStyles({
         delay: 0.8
     });
-    var ref = useTheme(), platformOverrides = ref.platformOverrides;
+    var platformOverrides = useTheme().platformOverrides;
     return(/*#__PURE__*/ _jsx("svg", {
         width: "72",
         height: "64",
@@ -135,9 +145,7 @@ var IconErrorDefault = function() {
     }));
 };
 var IconError = function() {
-    var ref = useTheme(), skinName = ref.skinName;
-    return skinName === O2_SKIN || skinName === O2_CLASSIC_SKIN ? /*#__PURE__*/ _jsx(IconErrorO2, {
-    }) : /*#__PURE__*/ _jsx(IconErrorDefault, {
-    });
+    var skinName = useTheme().skinName;
+    return skinName === O2_SKIN || skinName === O2_CLASSIC_SKIN ? /*#__PURE__*/ _jsx(IconErrorO2, {}) : /*#__PURE__*/ _jsx(IconErrorDefault, {});
 };
 export default IconError;

package/dist-es/icons/icon-info-cvv.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { useTheme } from '../hooks';
 var IconInfo = function(param) {
     var _size = param.size, size = _size === void 0 ? 24 : _size, color = param.color;
-    var ref = useTheme(), colors = ref.colors;
+    var colors = useTheme().colors;
     return(/*#__PURE__*/ _jsx("svg", {
         role: "presentation",
         width: size,

package/dist-es/icons/icon-info.js

@@ -1,26 +1,60 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { createUseStyles } from '../jss';
 import { useTheme } from '../hooks';
 import { O2_SKIN, O2_CLASSIC_SKIN } from '../skins/constants';
 var useStyles = createUseStyles(function(theme) {
     return {
         iconContainer: {
-            fill: theme.colors.brand
+            stroke: function(isInverse) {
+                return isInverse ? theme.colors.inverse : theme.colors.brand;
+            },
+            fill: function(isInverse) {
+                return isInverse ? theme.colors.inverse : theme.colors.brand;
+            }
         }
     };
 });
-var IconInfoO2 = function() {
+var IconInfoO2 = function(param) {
+    var _size = param.size, size = _size === void 0 ? 64 : _size, color = param.color;
     var classes = useStyles();
     return(/*#__PURE__*/ _jsx("svg", {
-        width: "64",
-        height: "64",
+        width: size,
+        height: size,
         viewBox: "0 0 64 64",
-        children: /*#__PURE__*/ _jsx("g", {
+        children: /*#__PURE__*/ _jsxs("g", {
             className: classes.iconContainer,
-            children: /*#__PURE__*/ _jsx("path", {
-                fillRule: "nonzero",
-                d: "M32.009 0c17.672.005 31.995 14.336 31.99 32.007a31.87 31.87 0 0 1-7.28 20.311 1 1 0 0 1-1.545-1.27A29.87 29.87 0 0 0 62 32.007C62.003 15.44 48.576 2.005 32.009 2 15.438 1.994 2.004 15.422 2 31.991c-.005 16.567 13.423 30.002 29.99 30.006a29.848 29.848 0 0 0 16.524-4.951 1 1 0 1 1 1.103 1.668 31.848 31.848 0 0 1-17.628 5.283C14.32 63.993-.005 49.662 0 31.991.007 14.317 14.337-.006 32.01 0zm.99 26.025a1 1 0 0 1 1 1v23a1 1 0 0 1-2 0v-22h-6.602a1 1 0 0 1 0-2zm-.311-12.82a2.507 2.507 0 0 1 2.504 2.504 2.507 2.507 0 0 1-2.504 2.505 2.508 2.508 0 0 1-2.505-2.505 2.508 2.508 0 0 1 2.505-2.504z"
-            })
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+                /*#__PURE__*/ _jsx("path", {
+                    fill: "none",
+                    strokeWidth: "2",
+                    stroke: color ? color : undefined,
+                    d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
+                }),
+                /*#__PURE__*/ _jsx("line", {
+                    fill: "none",
+                    strokeWidth: "2",
+                    stroke: color ? color : undefined,
+                    x1: "32",
+                    y1: "47.96",
+                    x2: "32",
+                    y2: "23.74"
+                }),
+                /*#__PURE__*/ _jsx("circle", {
+                    stroke: color ? color : undefined,
+                    cx: "53.64",
+                    cy: "53.54",
+                    r: "1.06"
+                }),
+                /*#__PURE__*/ _jsx("circle", {
+                    strokeWidth: "0",
+                    cx: "32",
+                    cy: "16.58",
+                    r: "1.72"
+                })
+            ]
         })
     }));
 };
@@ -34,15 +68,14 @@ var IconInfoDefault = function() {
             className: classes.iconContainer,
             children: /*#__PURE__*/ _jsx("path", {
                 fillRule: "nonzero",
+                strokeWidth: "0",
                 d: "M31.991 0c21.24 0 32.01 10.77 32.01 32.01C64 53.235 53.23 64 31.99 64 10.763 64 .001 53.236.001 32.01 0 10.77 10.762 0 31.99 0zm0 2c-20.18 0-29.99 9.816-29.99 30.01C2 52.19 11.81 62 31.99 62c20.192 0 30.01-9.81 30.01-29.99C62 11.815 52.182 2 31.99 2zM32 27a1 1 0 0 1 1 1v16a1 1 0 0 1-2 0V28a1 1 0 0 1 1-1zm0-7.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"
             })
         })
     }));
 };
 var IconInfo = function() {
-    var ref = useTheme(), skinName = ref.skinName;
-    return skinName === O2_CLASSIC_SKIN || skinName === O2_SKIN ? /*#__PURE__*/ _jsx(IconInfoO2, {
-    }) : /*#__PURE__*/ _jsx(IconInfoDefault, {
-    });
+    var skinName = useTheme().skinName;
+    return skinName === O2_CLASSIC_SKIN || skinName === O2_SKIN ? /*#__PURE__*/ _jsx(IconInfoO2, {}) : /*#__PURE__*/ _jsx(IconInfoDefault, {});
 };
 export default IconInfo;

package/dist-es/icons/icon-mastercard.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 var IconMastercard = function(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
     /*#__PURE__*/ return _jsx("svg", {

package/dist-es/icons/icon-search.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { useTheme } from '../hooks';
 var IconSearch = function(param) {
     var _size = param.size, size = _size === void 0 ? 24 : _size, color = param.color;
-    var ref = useTheme(), colors = ref.colors;
+    var colors = useTheme().colors;
     return(/*#__PURE__*/ _jsx("svg", {
         width: size,
         height: size,

package/dist-es/icons/icon-success-vivo.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { createUseStyles } from '../jss';
 import { useTheme } from '../hooks';
 import { getAnimateSweepInProps } from '../utils/animation';
@@ -18,8 +19,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -48,7 +48,7 @@ var IconSuccessVivo = function(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 64 : _size;
     var isInverse = useIsInverseVariant();
     var classes = useStyles(isInverse);
-    var ref = useTheme(), platformOverrides = ref.platformOverrides;
+    var platformOverrides = useTheme().platformOverrides;
     return(/*#__PURE__*/ _jsx("svg", {
         role: role,
         width: size,

package/dist-es/icons/icon-success.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import classnames from 'classnames';
 import { O2_SKIN, O2_CLASSIC_SKIN } from '../skins/constants';
-import { getAnimateDrawLineProps, getAnimateHopInProps, mergeProperties } from '../utils/animation';
+import { getAnimateDrawLineProps, getAnimateFadeInProps, getAnimateHopInProps, mergeProperties } from '../utils/animation';
 import { createUseStyles } from '../jss';
 import { useTheme } from '../hooks';
 import { useIsInverseVariant } from '../theme-variant-context';
@@ -20,8 +21,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -50,15 +50,14 @@ var IconSuccessO2 = function(param) {
     var _size = param.size, size = _size === void 0 ? 64 : _size, color = param.color, _skipAnimation = param.skipAnimation, skipAnimation = _skipAnimation === void 0 ? false : _skipAnimation;
     var isInverse = useIsInverseVariant();
     var classes = useStyles(isInverse);
-    var ref = useTheme(), platformOverrides = ref.platformOverrides;
+    var platformOverrides = useTheme().platformOverrides;
     return(/*#__PURE__*/ _jsx("svg", {
         role: "presentation",
         width: size,
         height: size,
         viewBox: "0 0 64 64",
         children: /*#__PURE__*/ _jsxs("g", {
-            className: classnames(_defineProperty({
-            }, classes.iconContainer, !color)),
+            className: classnames(_defineProperty({}, classes.iconContainer, !color)),
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
@@ -66,22 +65,20 @@ var IconSuccessO2 = function(param) {
                     fill: "none",
                     strokeWidth: "2",
                     stroke: color ? color : undefined,
-                    d: "M45.64 53.84A25.599 25.599 0 0 1 32 57.75C17.78 57.75 6.25 46.22 6.25 32S17.78 6.25 32 6.25 57.75 17.78 57.75 32c0 5.13-1.5 9.92-4.09 13.93"
+                    d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
                 }, !skipAnimation && getAnimateDrawLineProps('202', '0.3s', platformOverrides))),
-                /*#__PURE__*/ _jsx("path", _objectSpread({
+                /*#__PURE__*/ _jsx("polyline", _objectSpread({
                     fill: "none",
                     strokeWidth: "2",
                     stroke: color ? color : undefined,
-                    d: "m19.33 30.39 9.88 10.95 18.13-19.23"
-                }, !skipAnimation && mergeProperties(getAnimateDrawLineProps('44', '0.6s', platformOverrides), getAnimateHopInProps('0.6', platformOverrides)))),
+                    points: "16.92,30.08 28.68,43.12 50.26,20.22"
+                }, !skipAnimation && mergeProperties(getAnimateDrawLineProps('50', '0.6s', platformOverrides), getAnimateHopInProps('0.6', platformOverrides)))),
                 /*#__PURE__*/ _jsx("circle", _objectSpread({
-                    fill: "none",
-                    strokeWidth: "2",
                     stroke: color ? color : undefined,
-                    cx: "50.18",
-                    cy: "50.1",
-                    r: ".89"
-                }, !skipAnimation && getAnimateDrawLineProps('180', '0.2s', platformOverrides)))
+                    cx: "53.64",
+                    cy: "53.54",
+                    r: "1.06"
+                }, !skipAnimation && getAnimateFadeInProps('0.2s', platformOverrides)))
             ]
         })
     }));
@@ -90,15 +87,14 @@ var IconSuccessDefault = function(param) {
     var _size = param.size, size = _size === void 0 ? 64 : _size, color = param.color, _skipAnimation = param.skipAnimation, skipAnimation = _skipAnimation === void 0 ? false : _skipAnimation;
     var isInverse = useIsInverseVariant();
     var classes = useStyles(isInverse);
-    var ref = useTheme(), platformOverrides = ref.platformOverrides;
+    var platformOverrides = useTheme().platformOverrides;
     return(/*#__PURE__*/ _jsx("svg", {
         role: "presentation",
         width: size,
         height: size,
         viewBox: "0 0 64 64",
         children: /*#__PURE__*/ _jsxs("g", {
-            className: classnames(_defineProperty({
-            }, classes.iconContainer, !color)),
+            className: classnames(_defineProperty({}, classes.iconContainer, !color)),
             children: [
                 /*#__PURE__*/ _jsx("path", _objectSpread({
                     vectorEffect: "non-scaling-stroke",
@@ -125,7 +121,7 @@ var IconSuccessDefault = function(param) {
 };
 var IconSuccess = function(param) {
     var size = param.size, color = param.color, skipAnimation = param.skipAnimation;
-    var ref = useTheme(), skinName = ref.skinName;
+    var skinName = useTheme().skinName;
     switch(skinName){
         case O2_CLASSIC_SKIN:
         case O2_SKIN:

package/dist-es/icons/icon-visa.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 var IconVisa = function(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
     /*#__PURE__*/ return _jsx("svg", {

package/dist-es/icons/icon-visibility-off.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 var IconVisibilityOff = function(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
     /*#__PURE__*/ return _jsxs("svg", {

package/dist-es/icons/icon-visibility.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 var IconVisibility = function(param) {
     var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
     /*#__PURE__*/ return _jsxs("svg", {

package/dist-es/image.js

@@ -2,8 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { createUseStyles } from './jss';
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -18,10 +17,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -66,10 +63,14 @@ var useStyles = createUseStyles(function() {
 export var RATIO = {
     '1:1': 1,
     '16:9': 16 / 9,
-    '7:10': 7 / 10
+    '7:10': 7 / 10,
+    '4:3': 4 / 3
 };
 var Image = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var _aspectRatio = _param.aspectRatio, aspectRatio = _aspectRatio === void 0 ? '1:1' : _aspectRatio, _alt = _param.alt, alt = _alt === void 0 ? '' : _alt, props = _objectWithoutProperties(_param, ["aspectRatio", "alt"]);
+    var _aspectRatio = _param.aspectRatio, aspectRatio = _aspectRatio === void 0 ? '1:1' : _aspectRatio, _alt = _param.alt, alt = _alt === void 0 ? '' : _alt, props = _objectWithoutProperties(_param, [
+        "aspectRatio",
+        "alt"
+    ]);
     var noBorderRadius = useDisableBorderRadius();
     var classes = useStyles({
         noBorderRadius: noBorderRadius,

package/dist-es/index.js

@@ -58,6 +58,7 @@ export { NavigationBar, MainNavigationBar, FunnelNavigationBar, NavigationBarAct
 export { default as Image } from './image';
 export { default as Chip } from './chip';
 export { default as Video } from './video';
+export { Carousel, CenteredCarousel, Slideshow, PageBullets } from './carousel';
 // Forms
 export { default as Form } from './form';
 export { default as Select } from './select';

package/dist-es/inline.js

@@ -18,8 +18,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {

package/dist-es/integer-field.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { useFieldProps } from './form-context';
 import { useTheme } from './hooks';
 import { TextFieldBaseAutosuggest } from './text-field-base';
@@ -17,8 +18,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -32,8 +32,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -48,10 +47,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -62,7 +59,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var IntegerInput = function(_param) {
-    var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, ["inputRef", "value", "defaultValue"]);
+    var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+        "inputRef",
+        "value",
+        "defaultValue"
+    ]);
     var format = function(v) {
         return String(v !== null && v !== void 0 ? v : '').replace(/[^\d]/g, '');
     };
@@ -70,8 +71,7 @@ var IntegerInput = function(_param) {
         // strip all non numeric characters
         e.currentTarget.value = format(e.currentTarget.value);
     };
-    return(/*#__PURE__*/ _jsx("input", _objectSpread({
-    }, rest, {
+    return(/*#__PURE__*/ _jsx("input", _objectSpread({}, rest, {
         inputMode: "numeric" // shows numeric keypad in Chrome for Android
         ,
         pattern: "[0-9]*" // shows numeric keypad in iOS
@@ -85,8 +85,20 @@ var IntegerInput = function(_param) {
 };
 export { IntegerInput };
 var IntegerField = function(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, ["disabled", "error", "helperText", "name", "optional", "validate", "onChange", "onChangeValue", "onBlur", "value", "defaultValue"]);
-    var ref = useTheme(), texts = ref.texts;
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+        "disabled",
+        "error",
+        "helperText",
+        "name",
+        "optional",
+        "validate",
+        "onChange",
+        "onChangeValue",
+        "onBlur",
+        "value",
+        "defaultValue"
+    ]);
+    var texts = useTheme().texts;
     var validate = function(value, rawValue) {
         if (!value) {
             return optional ? '' : texts.formFieldErrorIsMandatory;
@@ -98,7 +110,7 @@ var IntegerField = function(_param) {
     };
     var fieldProps = useFieldProps({
         name: name,
-        value: value,
+        value: value1,
         defaultValue: defaultValue,
         processValue: processValue,
         helperText: helperText,
@@ -110,8 +122,7 @@ var IntegerField = function(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({
-    }, rest, fieldProps, {
+    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         inputComponent: IntegerInput
     })));
 };