@telefonica/mistica 11.2.1 → 11.3.0

package/dist-es/icons/__stories__/mistica-icons-story.js

@@ -1,9 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useCheckbox } from '../../__stories__/helpers';
-import { ThemeVariant, useTheme, Box, Stack, SearchField, Inline, DoubleField, Text } from '../..';
-import IntegerField from '../../integer-field';
-import { kebabCase, camelCase, upperFirst } from 'lodash';
 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];
@@ -50,11 +44,17 @@ 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 { useCheckbox } from "../../__stories__/helpers";
+import { ThemeVariant, useTheme, Box, Stack, SearchField, Inline, DoubleField, Text } from "../..";
+import IntegerField from "../../integer-field";
+import { kebabCase, camelCase, upperFirst } from "lodash";
 /**
  * './path/icon-name-filled.tsx' => 'IconNameFilled'
  */ var fileNameToComponentName = function(fileName) {
-    var lastSlashIdx = fileName.lastIndexOf('/');
-    return upperFirst(camelCase(fileName.slice(lastSlashIdx + 1).replace('.tsx', '')));
+    var lastSlashIdx = fileName.lastIndexOf("/");
+    return upperFirst(camelCase(fileName.slice(lastSlashIdx + 1).replace(".tsx", "")));
 };
 // require all icons
 var misticaIcons = function(requireContext) {
@@ -63,40 +63,40 @@ var misticaIcons = function(requireContext) {
         component.componentName = fileNameToComponentName(id);
         return component;
     });
-}(require.context('../../generated/mistica-icons/', true, /\.tsx$/));
+}(require.context("../../generated/mistica-icons/", true, /\.tsx$/));
 export default {
-    title: 'Icons/Mistica Icons'
+    title: "Icons/Mistica Icons"
 };
 export var Catalog = function() {
-    var ref = _slicedToArray(useCheckbox('Regular', true), 2), showRegular = ref[0], regularCheckbox = ref[1];
-    var ref1 = _slicedToArray(useCheckbox('Light', true), 2), showLight = ref1[0], lightCheckbox = ref1[1];
-    var ref2 = _slicedToArray(useCheckbox('Filled', true), 2), showFilled = ref2[0], filledCheckbox = ref2[1];
-    var ref3 = _slicedToArray(useCheckbox('Inverse', false), 2), isInverse = ref3[0], inverseCheckbox = ref3[1];
-    var ref4 = _slicedToArray(useCheckbox('Show names', true), 2), showNames = ref4[0], showNamesCheckbox = ref4[1];
-    var ref5 = _slicedToArray(useCheckbox('Show background', false), 2), showIConBackground = ref5[0], showIConBackgroundCheckbox = ref5[1];
-    var ref6 = _slicedToArray(React.useState(''), 2), filter = ref6[0], setFilter = ref6[1];
+    var ref = _slicedToArray(useCheckbox("Regular", true), 2), showRegular = ref[0], regularCheckbox = ref[1];
+    var ref1 = _slicedToArray(useCheckbox("Light", true), 2), showLight = ref1[0], lightCheckbox = ref1[1];
+    var ref2 = _slicedToArray(useCheckbox("Filled", true), 2), showFilled = ref2[0], filledCheckbox = ref2[1];
+    var ref3 = _slicedToArray(useCheckbox("Inverse", false), 2), isInverse = ref3[0], inverseCheckbox = ref3[1];
+    var ref4 = _slicedToArray(useCheckbox("Show names", true), 2), showNames = ref4[0], showNamesCheckbox = ref4[1];
+    var ref5 = _slicedToArray(useCheckbox("Show background", false), 2), showIConBackground = ref5[0], showIConBackgroundCheckbox = ref5[1];
+    var ref6 = _slicedToArray(React.useState(""), 2), filter = ref6[0], setFilter = ref6[1];
     var ref7 = _slicedToArray(React.useState(64), 2), size = ref7[0], setSize = ref7[1];
     var colors = useTheme().colors;
     var getRealName = function(name) {
-        return name.replace(/^Icon/, '').replace(/(Regular|Filled|Light)$/, '');
+        return name.replace(/^Icon/, "").replace(/(Regular|Filled|Light)$/, "");
     };
     var getTypeSortValue = function(name) {
-        if (name.endsWith('Regular')) {
+        if (name.endsWith("Regular")) {
             return 0;
         }
-        if (name.endsWith('Light')) {
+        if (name.endsWith("Light")) {
             return 1;
         }
         return 2;
     };
     var filterIcon = function(name) {
-        if (!showFilled && name.endsWith('Filled')) {
+        if (!showFilled && name.endsWith("Filled")) {
             return false;
         }
-        if (!showLight && name.endsWith('Light')) {
+        if (!showLight && name.endsWith("Light")) {
             return false;
         }
-        if (!showRegular && name.endsWith('Regular')) {
+        if (!showRegular && name.endsWith("Regular")) {
             return false;
         }
         if (filter && !getRealName(name).toLowerCase().includes(filter.toLocaleLowerCase())) {
@@ -116,8 +116,8 @@ export var Catalog = function() {
         return getTypeSortValue(a) < getTypeSortValue(b) ? -1 : 1;
     };
     var breakName = function(name) {
-        return kebabCase(name).split('-').map(upperFirst).map(function(part, i) {
-            /*#__PURE__*/ return _jsxs("span", {
+        return kebabCase(name).split("-").map(upperFirst).map(function(part, i) {
+            return /*#__PURE__*/ _jsxs("span", {
                 children: [
                     part,
                     /*#__PURE__*/ _jsx("wbr", {})
@@ -126,8 +126,8 @@ export var Catalog = function() {
         });
     };
     var backgroundColor = isInverse ? colors.backgroundBrand : colors.background;
-    var iconBackgroundColor = showIConBackground ? '#aaa' : 'none';
-    return(/*#__PURE__*/ _jsxs("div", {
+    var iconBackgroundColor = showIConBackground ? "#aaa" : "none";
+    return /*#__PURE__*/ _jsxs("div", {
         children: [
             /*#__PURE__*/ _jsx(Box, {
                 paddingY: 16,
@@ -188,15 +188,15 @@ export var Catalog = function() {
                     }).sort(function(a, b) {
                         return compareNames(a.componentName, b.componentName);
                     }).map(function(Icon) {
-                        /*#__PURE__*/ return _jsx("div", {
+                        return /*#__PURE__*/ _jsx("div", {
                             style: {
-                                display: 'inline-block',
-                                verticalAlign: 'top',
-                                textAlign: 'center'
+                                display: "inline-block",
+                                verticalAlign: "top",
+                                textAlign: "center"
                             },
                             children: /*#__PURE__*/ _jsxs("div", {
                                 style: {
-                                    textAlign: 'center',
+                                    textAlign: "center",
                                     padding: 16,
                                     width: size,
                                     minWidth: showNames ? 100 : 0
@@ -205,7 +205,7 @@ export var Catalog = function() {
                                     /*#__PURE__*/ _jsx("div", {
                                         style: {
                                             width: size,
-                                            margin: 'auto',
+                                            margin: "auto",
                                             background: iconBackgroundColor,
                                             fontSize: 0
                                         },
@@ -227,5 +227,5 @@ export var Catalog = function() {
                 })
             })
         ]
-    }));
+    });
 };

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import * as React from "react";
 var IconAmex = 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", {
+    var _role = param.role, role = _role === void 0 ? "presentation" : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
+    return /*#__PURE__*/ _jsx("svg", {
         role: role,
         width: size,
         height: size,

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

@@ -1,6 +1,3 @@
-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) {
         Object.defineProperty(obj, key, {
@@ -29,9 +26,12 @@ function _objectSpread(target) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useTheme } from "../hooks";
 var IconChevronRightSvg = function(param) {
     var size = param.size, color = param.color, transform = param.transform, className = param.className, style = param.style;
-    /*#__PURE__*/ return _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         role: "presentation",
         width: size,
         height: size,
@@ -40,7 +40,7 @@ var IconChevronRightSvg = function(param) {
         style: style,
         children: /*#__PURE__*/ _jsx("path", {
             style: {
-                transition: 'transform 0.3s'
+                transition: "transform 0.3s"
             },
             fill: color,
             fillRule: "evenodd",
@@ -56,7 +56,7 @@ var rotateAngleByDirection = {
     right: 0
 };
 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 _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 colors = useTheme().colors;
     var fillColor = color || colors.neutralHigh;
     var props = {
@@ -66,6 +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-creditcard.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+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 _role = param.role, role = _role === void 0 ? "presentation" : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
     var originalSize = 32;
-    return(/*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         role: role,
         width: size,
         height: size,
@@ -21,6 +21,6 @@ var IconCreditcard = function(param) {
                 })
             ]
         })
-    }));
+    });
 };
 export default IconCreditcard;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+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", {
+    var _role = param.role, role = _role === void 0 ? "presentation" : _role, _size = param.size, size = _size === void 0 ? 48 : _size;
+    return /*#__PURE__*/ _jsx("svg", {
         width: size,
         height: size,
         viewBox: "0 0 48 48",

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+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", {
+    var _role = param.role, role = _role === void 0 ? "presentation" : _role, _size = param.size, size = _size === void 0 ? 48 : _size;
+    return /*#__PURE__*/ _jsx("svg", {
         width: size,
         height: size,
         viewBox: "0 0 48 48",

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

@@ -1,9 +1,3 @@
-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';
-import { O2_SKIN, O2_CLASSIC_SKIN } from '../skins/constants';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -32,6 +26,12 @@ function _objectSpread(target) {
     }
     return target;
 }
+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";
+import { O2_SKIN, O2_CLASSIC_SKIN } from "../skins/constants";
 var useStyles = createUseStyles(function(theme) {
     return _objectSpread({
         iconContainerFill: {
@@ -40,7 +40,7 @@ var useStyles = createUseStyles(function(theme) {
         },
         iconContainer: {
             stroke: theme.colors.error,
-            fill: 'none'
+            fill: "none"
         }
     }, animateShakeStyles(theme.platformOverrides));
 });
@@ -49,7 +49,7 @@ var IconErrorO2 = function() {
         delay: 0.8
     });
     var platformOverrides = useTheme().platformOverrides;
-    return(/*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
@@ -65,12 +65,12 @@ var IconErrorO2 = function() {
                             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))),
+                        }, getAnimateDrawLineProps("202", "0.3s", platformOverrides))),
                         /*#__PURE__*/ _jsx("circle", _objectSpread({
                             cx: "53.64",
                             cy: "53.54",
                             r: "1.06"
-                        }, getAnimateFadeInProps('0.2s', platformOverrides)))
+                        }, getAnimateFadeInProps("0.2s", platformOverrides)))
                     ]
                 }),
                 /*#__PURE__*/ _jsxs("g", {
@@ -83,25 +83,25 @@ var IconErrorO2 = function() {
                             y1: "14.86",
                             x2: "32",
                             y2: "39.08"
-                        }, getAnimateDrawLineProps('110', '0.6s', platformOverrides))),
+                        }, getAnimateDrawLineProps("110", "0.6s", platformOverrides))),
                         /*#__PURE__*/ _jsx("circle", _objectSpread({
                             strokeWidth: "0",
                             cx: "32",
                             cy: "46.25",
                             r: "1.72"
-                        }, getAnimateFadeInProps('0.8', platformOverrides)))
+                        }, getAnimateFadeInProps("0.8", platformOverrides)))
                     ]
                 })
             ]
         })
-    }));
+    });
 };
 var IconErrorDefault = function() {
     var classes = useStyles({
         delay: 0.8
     });
     var platformOverrides = useTheme().platformOverrides;
-    return(/*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
@@ -120,7 +120,7 @@ var IconErrorDefault = function() {
                         strokeMiterlimit: "10",
                         d: "M 31.9 0.9 C 52.5 0.9 62.9 11.4 62.9 31.9 C 62.9 52.5 52.5 62.9 31.9 62.9 C 11.3 62.9 0.9 52.5 0.9 31.9 C 0.9 11.3 11.3 0.9 31.9 0.9 Z",
                         transform: "rotate(90 32 32)"
-                    }, getAnimateDrawLineProps('202', '0.3s', platformOverrides)))
+                    }, getAnimateDrawLineProps("202", "0.3s", platformOverrides)))
                 }),
                 /*#__PURE__*/ _jsxs("g", {
                     className: classes.innerAnimation,
@@ -130,19 +130,19 @@ var IconErrorDefault = function() {
                             y1: "20.9",
                             x2: "31.9",
                             y2: "36.9"
-                        }, getAnimateDrawLineProps('17', '0.7s', platformOverrides))),
+                        }, getAnimateDrawLineProps("17", "0.7s", platformOverrides))),
                         /*#__PURE__*/ _jsx("circle", _objectSpread({
                             className: classes.iconContainerFill,
                             strokeWidth: "1",
                             cx: "31.9",
                             cy: "43.9",
                             r: "1.5"
-                        }, getAnimateFadeInProps('1', platformOverrides)))
+                        }, getAnimateFadeInProps("1", platformOverrides)))
                     ]
                 })
             ]
         })
-    }));
+    });
 };
 var IconError = function() {
     var skinName = useTheme().skinName;

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTheme } from '../hooks';
+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 colors = useTheme().colors;
-    return(/*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         role: "presentation",
         width: size,
         height: size,
@@ -14,6 +14,6 @@ var IconInfo = function(param) {
             fillRule: "evenodd",
             d: "M12 7a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 12 7zm0 3.75c-.69 0-1.25.56-1.25 1.25v3.75a1.25 1.25 0 0 0 2.5 0V12c0-.69-.56-1.25-1.25-1.25zM12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18.125c-4.48 0-8.125-3.645-8.125-8.125S7.519 3.875 12 3.875c4.48 0 8.125 3.645 8.125 8.125S16.48 20.125 12 20.125z"
         })
-    }));
+    });
 };
 export default IconInfo;

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

@@ -1,8 +1,8 @@
 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';
+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: {
@@ -18,7 +18,7 @@ var useStyles = createUseStyles(function(theme) {
 var IconInfoO2 = function(param) {
     var _size = param.size, size = _size === void 0 ? 64 : _size, color = param.color;
     var classes = useStyles();
-    return(/*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         width: size,
         height: size,
         viewBox: "0 0 64 64",
@@ -56,11 +56,11 @@ var IconInfoO2 = function(param) {
                 })
             ]
         })
-    }));
+    });
 };
 var IconInfoDefault = function() {
     var classes = useStyles();
-    return(/*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         width: "64",
         height: "64",
         viewBox: "0 0 64 64",
@@ -72,7 +72,7 @@ var IconInfoDefault = function() {
                 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 skinName = useTheme().skinName;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+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", {
+    var _role = param.role, role = _role === void 0 ? "presentation" : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
+    return /*#__PURE__*/ _jsx("svg", {
         role: role,
         width: size,
         height: size,

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTheme } from '../hooks';
+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 colors = useTheme().colors;
-    return(/*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         width: size,
         height: size,
         viewBox: "0 0 24 24",
@@ -20,6 +20,6 @@ var IconSearch = function(param) {
                 })
             ]
         })
-    }));
+    });
 };
 export default IconSearch;

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

@@ -1,9 +1,3 @@
-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';
-import { useIsInverseVariant } from '../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -32,6 +26,12 @@ function _objectSpread(target) {
     }
     return target;
 }
+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";
+import { useIsInverseVariant } from "../theme-variant-context";
 var useStyles = createUseStyles(function(theme) {
     return {
         iconColor: {
@@ -45,11 +45,11 @@ var useStyles = createUseStyles(function(theme) {
     };
 });
 var IconSuccessVivo = function(param) {
-    var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 64 : _size;
+    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 platformOverrides = useTheme().platformOverrides;
-    return(/*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         role: role,
         width: size,
         height: size,
@@ -63,8 +63,8 @@ var IconSuccessVivo = function(param) {
             children: /*#__PURE__*/ _jsx("path", _objectSpread({
                 fillRule: "nonzero",
                 d: "M14.8832276,0 C10.2293915,0.0191737965 6.86229932,3.79747692 6.87644677,7.70928648 C6.89025737,11.6228714 9.24614399,14.2258918 11.0573539,15.1980743 C12.084728,15.7491434 11.7559683,16.7408548 11.7559683,16.7408548 C11.7559683,16.7408548 11.5093985,17.7055808 10.4274557,17.44922 C9.3458498,17.1875332 4.10725261,15.8961425 4.10725261,15.8961425 C4.10725261,15.8961425 0.947319469,15.2651826 0.18436791,18.6252129 C-0.579931024,21.9873736 1.196584,23.2652716 2.5001701,23.5816393 C3.80375621,23.8972968 8.2116962,25.0470144 8.2116962,25.0470144 C8.2116962,25.0470144 9.52370341,25.7443725 9.57490369,27.1742406 C9.60656702,28.0203732 9.60825124,28.7209269 8.78163618,29.9800062 C7.95670533,31.2394406 2.82589821,37.6825463 2.82589821,37.6825463 C2.82589821,37.6825463 1.06218326,39.9379529 3.61781834,41.9710855 C6.17345343,44.0045731 7.61110343,43.5309094 9.12824861,41.6575584 C10.6440464,39.7845626 13.6392629,35.862456 13.6392629,35.862456 C13.6392629,35.862456 14.0525704,35.0099322 14.8956908,35.0610623 C15.7388112,35.1136127 15.985381,35.5961532 16.2710247,35.9650713 C16.5580157,36.3339893 20.7318492,41.7285725 21.0164823,42.0786718 C21.297747,42.4326769 22.0782145,43.0806802 22.9364929,43.2042447 C23.7937607,43.3263889 24.7338922,43.1396219 25.3358324,42.6712841 C25.9360883,42.2022363 26.698703,41.5641749 26.9664939,41.1388007 C27.2326007,40.7134265 27.6863295,40.1034157 27.6027922,39.0996319 C27.5182443,38.0986887 27.3144537,37.574605 26.5878813,36.7149798 C25.8613089,35.8564198 21.565538,30.4178079 20.7567756,29.3742563 C20.7567756,29.3742563 20.022119,28.4461025 20.1285616,27.1341177 C20.2353412,25.8192924 20.7874284,25.2334264 21.9495401,24.9067617 C23.1099675,24.5815173 27.6499503,23.3980679 27.6499503,23.3980679 C27.6499503,23.3980679 30.2487014,22.0733006 29.6595614,19.4472006 L29.3210332,18.1046798 C29.3210332,18.1046798 28.7551353,15.0407782 25.0208833,15.989526 C21.2835996,16.9411144 19.2079671,17.5014154 19.2079671,17.5014154 C19.2079671,17.5014154 18.0185711,17.6235596 17.8477912,16.777427 C17.6797061,15.9302293 17.9003389,15.4934928 18.4258155,15.257016 C18.9516289,15.0208942 22.2685313,13.3144263 22.6939652,8.70064277 C23.121757,4.09538091 19.5505374,0 14.9128698,0 L14.8832276,0"
-            }, getAnimateSweepInProps('0.2s', platformOverrides)))
+            }, getAnimateSweepInProps("0.2s", platformOverrides)))
         })
-    }));
+    });
 };
 export default IconSuccessVivo;

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

@@ -1,11 +1,3 @@
-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, getAnimateFadeInProps, getAnimateHopInProps, mergeProperties } from '../utils/animation';
-import { createUseStyles } from '../jss';
-import { useTheme } from '../hooks';
-import { useIsInverseVariant } from '../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -34,6 +26,14 @@ function _objectSpread(target) {
     }
     return target;
 }
+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, getAnimateFadeInProps, getAnimateHopInProps, mergeProperties } from "../utils/animation";
+import { createUseStyles } from "../jss";
+import { useTheme } from "../hooks";
+import { useIsInverseVariant } from "../theme-variant-context";
 var useStyles = createUseStyles(function(theme) {
     return {
         iconContainer: {
@@ -51,7 +51,7 @@ var IconSuccessO2 = function(param) {
     var isInverse = useIsInverseVariant();
     var classes = useStyles(isInverse);
     var platformOverrides = useTheme().platformOverrides;
-    return(/*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         role: "presentation",
         width: size,
         height: size,
@@ -66,29 +66,29 @@ var IconSuccessO2 = function(param) {
                     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"
-                }, !skipAnimation && getAnimateDrawLineProps('202', '0.3s', platformOverrides))),
+                }, !skipAnimation && getAnimateDrawLineProps("202", "0.3s", platformOverrides))),
                 /*#__PURE__*/ _jsx("polyline", _objectSpread({
                     fill: "none",
                     strokeWidth: "2",
                     stroke: color ? color : undefined,
                     points: "16.92,30.08 28.68,43.12 50.26,20.22"
-                }, !skipAnimation && mergeProperties(getAnimateDrawLineProps('50', '0.6s', platformOverrides), getAnimateHopInProps('0.6', platformOverrides)))),
+                }, !skipAnimation && mergeProperties(getAnimateDrawLineProps("50", "0.6s", platformOverrides), getAnimateHopInProps("0.6", platformOverrides)))),
                 /*#__PURE__*/ _jsx("circle", _objectSpread({
                     stroke: color ? color : undefined,
                     cx: "53.64",
                     cy: "53.54",
                     r: "1.06"
-                }, !skipAnimation && getAnimateFadeInProps('0.2s', platformOverrides)))
+                }, !skipAnimation && getAnimateFadeInProps("0.2s", platformOverrides)))
             ]
         })
-    }));
+    });
 };
 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 platformOverrides = useTheme().platformOverrides;
-    return(/*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         role: "presentation",
         width: size,
         height: size,
@@ -104,7 +104,7 @@ var IconSuccessDefault = function(param) {
                     strokeMiterlimit: "10",
                     d: "M61.4,32c0,19.5-10,29.4-29.4,29.4C12.5,61.4,2.6,51.5,2.6,32S12.5,2.6,32,2.6S61.4,12.5,61.4,32z",
                     transform: "rotate(90 32 32)"
-                }, !skipAnimation && getAnimateDrawLineProps('202', '0.2s', platformOverrides))),
+                }, !skipAnimation && getAnimateDrawLineProps("202", "0.2s", platformOverrides))),
                 /*#__PURE__*/ _jsx("polyline", _objectSpread({
                     vectorEffect: "non-scaling-stroke",
                     fill: "none",
@@ -114,10 +114,10 @@ var IconSuccessDefault = function(param) {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     points: "20,34.9 27.4,44.3 45.6,21"
-                }, !skipAnimation && mergeProperties(getAnimateDrawLineProps('44', '0.6s', platformOverrides), getAnimateHopInProps('0.6s', platformOverrides))))
+                }, !skipAnimation && mergeProperties(getAnimateDrawLineProps("44", "0.6s", platformOverrides), getAnimateHopInProps("0.6s", platformOverrides))))
             ]
         })
-    }));
+    });
 };
 var IconSuccess = function(param) {
     var size = param.size, color = param.color, skipAnimation = param.skipAnimation;
@@ -125,17 +125,17 @@ var IconSuccess = function(param) {
     switch(skinName){
         case O2_CLASSIC_SKIN:
         case O2_SKIN:
-            return(/*#__PURE__*/ _jsx(IconSuccessO2, {
+            return /*#__PURE__*/ _jsx(IconSuccessO2, {
                 size: size,
                 color: color,
                 skipAnimation: skipAnimation
-            }));
+            });
         default:
-            return(/*#__PURE__*/ _jsx(IconSuccessDefault, {
+            return /*#__PURE__*/ _jsx(IconSuccessDefault, {
                 size: size,
                 color: color,
                 skipAnimation: skipAnimation
-            }));
+            });
     }
 };
 export default IconSuccess;