@telefonica/mistica 11.2.0 → 11.4.0

package/dist/hooks.js

@@ -91,7 +91,7 @@ exports.useTheme = useTheme;
 var useDisableBodyScroll = function useDisableBodyScroll(disable) {
     React.useEffect(function() {
         if (disable) {
-            var bodyStyles = '';
+            var bodyStyles = "";
             var bodyScrollTop = 0;
             var disableBodyDepth = 0;
             var scrollContainer = document.scrollingElement || document.documentElement;
@@ -104,12 +104,12 @@ var useDisableBodyScroll = function useDisableBodyScroll(disable) {
                 var ref1;
                 bodyScrollTop = (ref1 = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollTop) !== null && ref1 !== void 0 ? ref1 : 0;
                 var _cssText;
-                bodyStyles = (_cssText = (ref = document.body) === null || ref === void 0 ? void 0 : ref.style.cssText) !== null && _cssText !== void 0 ? _cssText : '';
+                bodyStyles = (_cssText = (ref = document.body) === null || ref === void 0 ? void 0 : ref.style.cssText) !== null && _cssText !== void 0 ? _cssText : "";
                 if (document.body) {
                     var ref2;
                     var hasScrollbar = window.innerWidth > ((ref2 = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.clientWidth) !== null && ref2 !== void 0 ? ref2 : window.innerWidth);
                     // if the scrollbar is visible, we don't want to hide it because content will be resized
-                    var overflowY = hasScrollbar ? 'scroll' : 'hidden';
+                    var overflowY = hasScrollbar ? "scroll" : "hidden";
                     document.body.style.cssText = "overflow:hidden;overflow-y:".concat(overflowY, ";position:fixed;top:").concat(-bodyScrollTop, "px;left:0px;right:0px;bottom:0px");
                 }
             };
@@ -179,18 +179,18 @@ var useAriaId = function useAriaId(id) {
 };
 exports.useAriaId = useAriaId;
 var useWindowSize = function useWindowSize() {
-    var ref = _slicedToArray(React.useState(typeof window !== 'undefined' ? window.innerHeight : 1200 // Best guess
+    var ref = _slicedToArray(React.useState(typeof window !== "undefined" ? window.innerHeight : 1200 // Best guess
     ), 2), windowHeight = ref[0], setWindowHeight = ref[1];
-    var ref6 = _slicedToArray(React.useState(typeof window !== 'undefined' ? window.innerWidth : 800 // Best guess
+    var ref6 = _slicedToArray(React.useState(typeof window !== "undefined" ? window.innerWidth : 800 // Best guess
     ), 2), windowWidth = ref6[0], setWindowWidth = ref6[1];
     React.useEffect(function() {
         var handleResize = function handleResize() {
             setWindowHeight(window.innerHeight);
             setWindowWidth(window.innerWidth);
         };
-        window.addEventListener('resize', handleResize);
+        window.addEventListener("resize", handleResize);
         return function() {
-            window.removeEventListener('resize', handleResize);
+            window.removeEventListener("resize", handleResize);
         };
     }, []);
     // do not create new result instances if values don't change
@@ -215,15 +215,15 @@ var useWindowWidth = function useWindowWidth() {
     return width;
 };
 exports.useWindowWidth = useWindowWidth;
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 var useIsInViewport = function useIsInViewport(ref, defaultValue, options) {
-    var ref7 = _slicedToArray(React.useState(defaultValue), 2), isInViewport = ref7[0], setIsInViewport = ref7[1];
+    var _$ref = _slicedToArray(React.useState(defaultValue), 2), isInViewport = _$ref[0], setIsInViewport = _$ref[1];
     React.useEffect(function() {
         if (!ref.current) {
             return;
         }
-        if (typeof window.IntersectionObserver === 'undefined') {
+        if (typeof window.IntersectionObserver === "undefined") {
             return function() {};
         }
         var observer = new IntersectionObserver(function(entries) {

package/dist/iban-field.js

@@ -160,14 +160,14 @@ var isValidIbanChecksum = function isValidIbanChecksum(iban) {
     // move first 4 digits to the end
     var tmp = iban.substr(4) + iban.substr(0, 4);
     // replace all letters A-Z to numbers from 10 to 35
-    var charCodeOfA = 'A'.charCodeAt(0);
+    var charCodeOfA = "A".charCodeAt(0);
     tmp = Array.from(tmp).map(function(char) {
         if (Number.isNaN(Number(char))) {
             var charCode = char.charCodeAt(0);
             return String(10 + charCode - charCodeOfA);
         }
         return char;
-    }).join('');
+    }).join("");
     // Iban is valid if tmp % 97 === 1
     return mod(tmp, 97) === 1;
 };
@@ -191,9 +191,9 @@ var isValidIban = function isValidIban(iban) {
 };
 var formatIban = function formatIban(number) {
     var ref;
-    var sanitizedNumber = number.replace(/[^\dA-Za-z]/g, '');
+    var sanitizedNumber = number.replace(/[^\dA-Za-z]/g, "");
     var ref1;
-    return (ref1 = (ref = sanitizedNumber.match(/.{1,4}/g)) === null || ref === void 0 ? void 0 : ref.join(' ')) !== null && ref1 !== void 0 ? ref1 : sanitizedNumber;
+    return (ref1 = (ref = sanitizedNumber.match(/.{1,4}/g)) === null || ref === void 0 ? void 0 : ref.join(" ")) !== null && ref1 !== void 0 ? ref1 : sanitizedNumber;
 };
 var getInputMaxLength = function getInputMaxLength(currentValue) {
     var countryCode = currentValue.substr(0, 2);
@@ -216,9 +216,9 @@ var IbanInput = function IbanInput(_param) {
         "defaultValue",
         "onChange"
     ]);
-    var ref3 = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), selfValue = ref3[0], setSelfValue = ref3[1];
+    var ref3 = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ""), 2), selfValue = ref3[0], setSelfValue = ref3[1];
     var ref2 = React.useRef(null);
-    var isControlledByParent = typeof value !== 'undefined';
+    var isControlledByParent = typeof value !== "undefined";
     var controlledValue = isControlledByParent ? value : selfValue;
     var handleChangeValue = React.useCallback(function(newFormattedValue) {
         if (!isControlledByParent) {
@@ -240,14 +240,14 @@ var IbanInput = function IbanInput(_param) {
         },
         accept: /[\dA-Za-z]+/g
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, other, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, other, {
         maxLength: getInputMaxLength(rifm.value),
         value: rifm.value,
         onChange: function onChange(e) {
             var ref;
             var newValue = e.target.value;
             var prevValue = rifm.value;
-            if (newValue.length - prevValue.length > 1 && ((ref = e.nativeEvent) === null || ref === void 0 ? void 0 : ref.inputType) === 'insertText') {
+            if (newValue.length - prevValue.length > 1 && ((ref = e.nativeEvent) === null || ref === void 0 ? void 0 : ref.inputType) === "insertText") {
                 // Google Android virtual keyboard (GBoard) have some buggy behavior with autosuggestions
                 // and some times repeats the previously inserted caracters. If we detect that, revert
                 // the input value to the previous one
@@ -257,7 +257,7 @@ var IbanInput = function IbanInput(_param) {
         },
         type: "text",
         ref: (0, _common).combineRefs(inputRef, ref2)
-    })));
+    }));
 };
 var IbanField = function IbanField(_param) {
     var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, customValidate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
@@ -276,7 +276,7 @@ var IbanField = function IbanField(_param) {
     var texts = (0, _hooks).useTheme().texts;
     var validate = function validate(value, rawValue) {
         if (!value) {
-            return optional ? '' : texts.formFieldErrorIsMandatory;
+            return optional ? "" : texts.formFieldErrorIsMandatory;
         }
         if (!isValidIban(value)) {
             return texts.formIbanError;
@@ -284,7 +284,7 @@ var IbanField = function IbanField(_param) {
         return customValidate === null || customValidate === void 0 ? void 0 : customValidate(value, rawValue);
     };
     var processValue = function processValue(s) {
-        return s.replace(/[^\dA-Za-z]/g, '');
+        return s.replace(/[^\dA-Za-z]/g, "");
     };
     var fieldProps = (0, _formContext).useFieldProps({
         name: name,
@@ -300,9 +300,9 @@ var IbanField = function IbanField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         inputComponent: IbanInput
-    })));
+    }));
 };
 var _default = IbanField;
 exports.default = _default;

package/dist/icon-button.js

@@ -63,18 +63,18 @@ function _objectSpread(target) {
 }
 var ICON_SIZE_1 = 24;
 var getButtonStyle = function getButtonStyle(backgroundUrl, size, backgroundColor, iconSize, disabled) {
-    var normalizedIconSize = iconSize ? "".concat(iconSize, "px ").concat(iconSize, "px") : '100% 100%';
+    var normalizedIconSize = iconSize ? "".concat(iconSize, "px ").concat(iconSize, "px") : "100% 100%";
     return {
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        textAlign: 'center',
+        display: "inline-block",
+        verticalAlign: "middle",
+        textAlign: "center",
         backgroundColor: backgroundColor,
-        backgroundImage: backgroundUrl ? "url(".concat(backgroundUrl, ")") : '',
-        backgroundPosition: '50% 50%',
+        backgroundImage: backgroundUrl ? "url(".concat(backgroundUrl, ")") : "",
+        backgroundPosition: "50% 50%",
         backgroundSize: normalizedIconSize,
-        backgroundRepeat: 'no-repeat',
+        backgroundRepeat: "no-repeat",
         border: 0,
-        cursor: disabled ? 'default' : 'pointer',
+        cursor: disabled ? "default" : "pointer",
         height: size,
         width: size
     };
@@ -93,43 +93,43 @@ var getButtonStyle = function getButtonStyle(backgroundUrl, size, backgroundColo
  *     </IconButton />
  *
  */ var IconButton = function IconButton(props) {
-    var icon = props.icon, children = props.children, _backgroundColor = props.backgroundColor, backgroundColor = _backgroundColor === void 0 ? 'transparent' : _backgroundColor, iconSize = props.iconSize, _size = props.size, size = _size === void 0 ? ICON_SIZE_1 : _size;
+    var icon = props.icon, children = props.children, _backgroundColor = props.backgroundColor, backgroundColor = _backgroundColor === void 0 ? "transparent" : _backgroundColor, iconSize = props.iconSize, _size = props.size, size = _size === void 0 ? ICON_SIZE_1 : _size;
     var commonProps = {
-        className: props.className || '',
+        className: props.className || "",
         disabled: props.disabled,
         style: _objectSpread({}, getButtonStyle(icon, size, backgroundColor, iconSize, props.disabled), props.style),
         trackingEvent: props.trackingEvent,
-        'aria-live': props['aria-live'],
+        "aria-live": props["aria-live"],
         dataAttributes: props.dataAttributes
     };
     if (props.href) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
             href: props.href,
             newTab: props.newTab,
-            "aria-label": props['aria-label'],
+            "aria-label": props["aria-label"],
             children: !icon && React.Children.only(children)
-        })));
+        }));
     }
     if (props.to) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
             to: props.to,
             fullPageOnWebView: props.fullPageOnWebView,
             replace: props.replace,
-            "aria-label": props['aria-label'],
+            "aria-label": props["aria-label"],
             children: !icon && React.Children.only(children)
-        })));
+        }));
     }
     if (props.onPress) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
             onPress: props.onPress,
-            "aria-label": props['aria-label'],
+            "aria-label": props["aria-label"],
             children: !icon && React.Children.only(children)
-        })));
+        }));
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
         maybe: true,
         children: !icon && React.Children.only(children)
-    })));
+    }));
 };
 var _default = IconButton;
 exports.default = _default;

package/dist/icon-button.js.flow

@@ -40,4 +40,4 @@ declare type Props = HrefProps | ToProps | OnPressProps | MaybeProps;
 declare var IconButton: React.ComponentType<Props>;
 declare export default typeof IconButton;
 
-import { type CssStyle } from "./__types__.js.flow";
+import { type CssStyle } from "./__css_types__.js.flow";

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

@@ -84,8 +84,8 @@ function _unsupportedIterableToArray(o, minLen) {
 /**
  * './path/icon-name-filled.tsx' => 'IconNameFilled'
  */ var fileNameToComponentName = function fileNameToComponentName(fileName) {
-    var lastSlashIdx = fileName.lastIndexOf('/');
-    return (0, _lodash).upperFirst((0, _lodash).camelCase(fileName.slice(lastSlashIdx + 1).replace('.tsx', '')));
+    var lastSlashIdx = fileName.lastIndexOf("/");
+    return (0, _lodash).upperFirst((0, _lodash).camelCase(fileName.slice(lastSlashIdx + 1).replace(".tsx", "")));
 };
 // require all icons
 var misticaIcons = function(requireContext) {
@@ -94,41 +94,41 @@ var misticaIcons = function(requireContext) {
         component.componentName = fileNameToComponentName(id);
         return component;
     });
-}(require.context('../../generated/mistica-icons/', true, /\.tsx$/));
+}(require.context("../../generated/mistica-icons/", true, /\.tsx$/));
 var _default = {
-    title: 'Icons/Mistica Icons'
+    title: "Icons/Mistica Icons"
 };
 exports.default = _default;
 var Catalog = function Catalog() {
-    var ref = _slicedToArray((0, _helpers).useCheckbox('Regular', true), 2), showRegular = ref[0], regularCheckbox = ref[1];
-    var ref1 = _slicedToArray((0, _helpers).useCheckbox('Light', true), 2), showLight = ref1[0], lightCheckbox = ref1[1];
-    var ref2 = _slicedToArray((0, _helpers).useCheckbox('Filled', true), 2), showFilled = ref2[0], filledCheckbox = ref2[1];
-    var ref3 = _slicedToArray((0, _helpers).useCheckbox('Inverse', false), 2), isInverse = ref3[0], inverseCheckbox = ref3[1];
-    var ref4 = _slicedToArray((0, _helpers).useCheckbox('Show names', true), 2), showNames = ref4[0], showNamesCheckbox = ref4[1];
-    var ref5 = _slicedToArray((0, _helpers).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((0, _helpers).useCheckbox("Regular", true), 2), showRegular = ref[0], regularCheckbox = ref[1];
+    var ref1 = _slicedToArray((0, _helpers).useCheckbox("Light", true), 2), showLight = ref1[0], lightCheckbox = ref1[1];
+    var ref2 = _slicedToArray((0, _helpers).useCheckbox("Filled", true), 2), showFilled = ref2[0], filledCheckbox = ref2[1];
+    var ref3 = _slicedToArray((0, _helpers).useCheckbox("Inverse", false), 2), isInverse = ref3[0], inverseCheckbox = ref3[1];
+    var ref4 = _slicedToArray((0, _helpers).useCheckbox("Show names", true), 2), showNames = ref4[0], showNamesCheckbox = ref4[1];
+    var ref5 = _slicedToArray((0, _helpers).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 = (0, _).useTheme().colors;
     var getRealName = function getRealName(name) {
-        return name.replace(/^Icon/, '').replace(/(Regular|Filled|Light)$/, '');
+        return name.replace(/^Icon/, "").replace(/(Regular|Filled|Light)$/, "");
     };
     var getTypeSortValue = function getTypeSortValue(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 filterIcon(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())) {
@@ -148,8 +148,8 @@ var Catalog = function Catalog() {
         return getTypeSortValue(a) < getTypeSortValue(b) ? -1 : 1;
     };
     var breakName = function breakName(name) {
-        return (0, _lodash).kebabCase(name).split('-').map(_lodash.upperFirst).map(function(part, i) {
-            /*#__PURE__*/ return (0, _jsxRuntime).jsxs("span", {
+        return (0, _lodash).kebabCase(name).split("-").map(_lodash.upperFirst).map(function(part, i) {
+            return /*#__PURE__*/ (0, _jsxRuntime).jsxs("span", {
                 children: [
                     part,
                     /*#__PURE__*/ (0, _jsxRuntime).jsx("wbr", {})
@@ -158,8 +158,8 @@ var Catalog = function Catalog() {
         });
     };
     var backgroundColor = isInverse ? colors.backgroundBrand : colors.background;
-    var iconBackgroundColor = showIConBackground ? '#aaa' : 'none';
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+    var iconBackgroundColor = showIConBackground ? "#aaa" : "none";
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_.Box, {
                 paddingY: 16,
@@ -220,15 +220,15 @@ var Catalog = function Catalog() {
                     }).sort(function(a, b) {
                         return compareNames(a.componentName, b.componentName);
                     }).map(function(Icon) {
-                        /*#__PURE__*/ return (0, _jsxRuntime).jsx("div", {
+                        return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                             style: {
-                                display: 'inline-block',
-                                verticalAlign: 'top',
-                                textAlign: 'center'
+                                display: "inline-block",
+                                verticalAlign: "top",
+                                textAlign: "center"
                             },
                             children: /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
                                 style: {
-                                    textAlign: 'center',
+                                    textAlign: "center",
                                     padding: 16,
                                     width: size,
                                     minWidth: showNames ? 100 : 0
@@ -237,7 +237,7 @@ var Catalog = function Catalog() {
                                     /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                                         style: {
                                             width: size,
-                                            margin: 'auto',
+                                            margin: "auto",
                                             background: iconBackgroundColor,
                                             fontSize: 0
                                         },
@@ -259,6 +259,6 @@ var Catalog = function Catalog() {
                 })
             })
         ]
-    }));
+    });
 };
 exports.Catalog = Catalog;

package/dist/icons/icon-amex.js

@@ -27,8 +27,8 @@ function _interopRequireWildcard(obj) {
     }
 }
 var IconAmex = function IconAmex(param) {
-    var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
-    /*#__PURE__*/ return (0, _jsxRuntime).jsx("svg", {
+    var _role = param.role, role = _role === void 0 ? "presentation" : _role, _size = param.size, size = _size === void 0 ? 24 : _size;
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         role: role,
         width: size,
         height: size,

package/dist/icons/icon-chevron.js

@@ -58,7 +58,7 @@ function _objectSpread(target) {
 }
 var IconChevronRightSvg = function IconChevronRightSvg(param) {
     var size = param.size, color = param.color, transform = param.transform, className = param.className, style = param.style;
-    /*#__PURE__*/ return (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         role: "presentation",
         width: size,
         height: size,
@@ -67,7 +67,7 @@ var IconChevronRightSvg = function IconChevronRightSvg(param) {
         style: style,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
             style: {
-                transition: 'transform 0.3s'
+                transition: "transform 0.3s"
             },
             fill: color,
             fillRule: "evenodd",
@@ -83,7 +83,7 @@ var rotateAngleByDirection = {
     right: 0
 };
 var IconChevron = function IconChevron(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 = (0, _hooks).useTheme().colors;
     var fillColor = color || colors.neutralHigh;
     var props = {
@@ -93,7 +93,7 @@ var IconChevron = function IconChevron(param) {
         className: className,
         style: style
     };
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(IconChevronRightSvg, _objectSpread({}, props)));
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(IconChevronRightSvg, _objectSpread({}, props));
 };
 var _default = IconChevron;
 exports.default = _default;

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

@@ -12,4 +12,4 @@ declare type Props = {
 declare var IconChevron: React.ComponentType<Props>;
 declare export default typeof IconChevron;
 
-import { type CssStyle } from "../__types__.js.flow";
+import { type CssStyle } from "../__css_types__.js.flow";

package/dist/icons/icon-creditcard.js

@@ -27,9 +27,9 @@ function _interopRequireWildcard(obj) {
     }
 }
 var IconCreditcard = function IconCreditcard(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__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         role: role,
         width: size,
         height: size,
@@ -47,7 +47,7 @@ var IconCreditcard = function IconCreditcard(param) {
                 })
             ]
         })
-    }));
+    });
 };
 var _default = IconCreditcard;
 exports.default = _default;

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

@@ -27,8 +27,8 @@ function _interopRequireWildcard(obj) {
     }
 }
 var IconCvvAmex = function IconCvvAmex(param) {
-    var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 48 : _size;
-    /*#__PURE__*/ return (0, _jsxRuntime).jsx("svg", {
+    var _role = param.role, role = _role === void 0 ? "presentation" : _role, _size = param.size, size = _size === void 0 ? 48 : _size;
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         width: size,
         height: size,
         viewBox: "0 0 48 48",

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

@@ -27,8 +27,8 @@ function _interopRequireWildcard(obj) {
     }
 }
 var IconCvvVisaMc = function IconCvvVisaMc(param) {
-    var _role = param.role, role = _role === void 0 ? 'presentation' : _role, _size = param.size, size = _size === void 0 ? 48 : _size;
-    /*#__PURE__*/ return (0, _jsxRuntime).jsx("svg", {
+    var _role = param.role, role = _role === void 0 ? "presentation" : _role, _size = param.size, size = _size === void 0 ? 48 : _size;
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         width: size,
         height: size,
         viewBox: "0 0 48 48",

package/dist/icons/icon-error.js

@@ -67,7 +67,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         },
         iconContainer: {
             stroke: theme.colors.error,
-            fill: 'none'
+            fill: "none"
         }
     }, (0, _animation).animateShakeStyles(theme.platformOverrides));
 });
@@ -76,7 +76,7 @@ var IconErrorO2 = function IconErrorO2() {
         delay: 0.8
     });
     var platformOverrides = (0, _hooks).useTheme().platformOverrides;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
@@ -92,12 +92,12 @@ var IconErrorO2 = function IconErrorO2() {
                             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"
-                        }, (0, _animation).getAnimateDrawLineProps('202', '0.3s', platformOverrides))),
+                        }, (0, _animation).getAnimateDrawLineProps("202", "0.3s", platformOverrides))),
                         /*#__PURE__*/ (0, _jsxRuntime).jsx("circle", _objectSpread({
                             cx: "53.64",
                             cy: "53.54",
                             r: "1.06"
-                        }, (0, _animation).getAnimateFadeInProps('0.2s', platformOverrides)))
+                        }, (0, _animation).getAnimateFadeInProps("0.2s", platformOverrides)))
                     ]
                 }),
                 /*#__PURE__*/ (0, _jsxRuntime).jsxs("g", {
@@ -110,25 +110,25 @@ var IconErrorO2 = function IconErrorO2() {
                             y1: "14.86",
                             x2: "32",
                             y2: "39.08"
-                        }, (0, _animation).getAnimateDrawLineProps('110', '0.6s', platformOverrides))),
+                        }, (0, _animation).getAnimateDrawLineProps("110", "0.6s", platformOverrides))),
                         /*#__PURE__*/ (0, _jsxRuntime).jsx("circle", _objectSpread({
                             strokeWidth: "0",
                             cx: "32",
                             cy: "46.25",
                             r: "1.72"
-                        }, (0, _animation).getAnimateFadeInProps('0.8', platformOverrides)))
+                        }, (0, _animation).getAnimateFadeInProps("0.8", platformOverrides)))
                     ]
                 })
             ]
         })
-    }));
+    });
 };
 var IconErrorDefault = function IconErrorDefault() {
     var classes = useStyles({
         delay: 0.8
     });
     var platformOverrides = (0, _hooks).useTheme().platformOverrides;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
@@ -147,7 +147,7 @@ var IconErrorDefault = function IconErrorDefault() {
                         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)"
-                    }, (0, _animation).getAnimateDrawLineProps('202', '0.3s', platformOverrides)))
+                    }, (0, _animation).getAnimateDrawLineProps("202", "0.3s", platformOverrides)))
                 }),
                 /*#__PURE__*/ (0, _jsxRuntime).jsxs("g", {
                     className: classes.innerAnimation,
@@ -157,19 +157,19 @@ var IconErrorDefault = function IconErrorDefault() {
                             y1: "20.9",
                             x2: "31.9",
                             y2: "36.9"
-                        }, (0, _animation).getAnimateDrawLineProps('17', '0.7s', platformOverrides))),
+                        }, (0, _animation).getAnimateDrawLineProps("17", "0.7s", platformOverrides))),
                         /*#__PURE__*/ (0, _jsxRuntime).jsx("circle", _objectSpread({
                             className: classes.iconContainerFill,
                             strokeWidth: "1",
                             cx: "31.9",
                             cy: "43.9",
                             r: "1.5"
-                        }, (0, _animation).getAnimateFadeInProps('1', platformOverrides)))
+                        }, (0, _animation).getAnimateFadeInProps("1", platformOverrides)))
                     ]
                 })
             ]
         })
-    }));
+    });
 };
 var IconError = function IconError() {
     var skinName = (0, _hooks).useTheme().skinName;

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

@@ -30,7 +30,7 @@ function _interopRequireWildcard(obj) {
 var IconInfo = function IconInfo(param) {
     var _size = param.size, size = _size === void 0 ? 24 : _size, color = param.color;
     var colors = (0, _hooks).useTheme().colors;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         role: "presentation",
         width: size,
         height: size,
@@ -40,7 +40,7 @@ var IconInfo = function IconInfo(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"
         })
-    }));
+    });
 };
 var _default = IconInfo;
 exports.default = _default;

package/dist/icons/icon-info.js

@@ -44,7 +44,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
 var IconInfoO2 = function IconInfoO2(param) {
     var _size = param.size, size = _size === void 0 ? 64 : _size, color = param.color;
     var classes = useStyles();
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         width: size,
         height: size,
         viewBox: "0 0 64 64",
@@ -82,11 +82,11 @@ var IconInfoO2 = function IconInfoO2(param) {
                 })
             ]
         })
-    }));
+    });
 };
 var IconInfoDefault = function IconInfoDefault() {
     var classes = useStyles();
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         width: "64",
         height: "64",
         viewBox: "0 0 64 64",
@@ -98,7 +98,7 @@ var IconInfoDefault = function IconInfoDefault() {
                 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 IconInfo() {
     var skinName = (0, _hooks).useTheme().skinName;