@telefonica/mistica 12.8.0 → 12.9.1

package/dist-es/icon-button.js

@@ -26,77 +26,76 @@ function _objectSpread(target) {
     }
     return target;
 }
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import Touchable from "./touchable";
-var ICON_SIZE_1 = 24;
-var getButtonStyle = function(backgroundUrl, size, backgroundColor, iconSize, disabled) {
-    var normalizedIconSize = iconSize ? "".concat(iconSize, "px ").concat(iconSize, "px") : "100% 100%";
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import * as i from "react";
+import r from "./touchable.js";
+import { jsx as c } from "./_virtual/jsx-runtime.js";
+var b = 24, u = function(e, a, n, t, d) {
+    var o = t ? "".concat(t, "px ").concat(t, "px") : "100% 100%";
     return {
         display: "inline-block",
         verticalAlign: "middle",
         textAlign: "center",
-        backgroundColor: backgroundColor,
-        backgroundImage: backgroundUrl ? "url(".concat(backgroundUrl, ")") : "",
+        backgroundColor: n,
+        backgroundImage: e ? "url(".concat(e, ")") : "",
         backgroundPosition: "50% 50%",
-        backgroundSize: normalizedIconSize,
+        backgroundSize: o,
         backgroundRepeat: "no-repeat",
         border: 0,
-        cursor: disabled ? "default" : "pointer",
-        height: size,
-        width: size
+        cursor: d ? "default" : "pointer",
+        height: a,
+        width: a
     };
-};
-/*
- * Examples:
- *
- * IconButton with image url:
- *
- *     <IconButton icon="http://my.image.jpg" aria-label="label" />
- *
- * IconButton with SVG component as icon. Child ignored if `icon` prop is set. Only one child is accepted!
- *
- *     <IconButton aria-label="label">
- *         <MySvgIconComponent />
- *     </IconButton />
- *
- */ var IconButton = function(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 commonProps = {
-        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"],
-        dataAttributes: props.dataAttributes
+}, f = function(e) {
+    var a = e.icon, n = e.children, tmp = e.backgroundColor, t = tmp === void 0 ? "transparent" : tmp, d = e.iconSize, tmp1 = e.size, o = tmp1 === void 0 ? b : tmp1, l = {
+        className: e.className || "",
+        disabled: e.disabled,
+        style: _objectSpread({}, u(a, o, t, d, e.disabled), e.style),
+        trackingEvent: e.trackingEvent,
+        "aria-live": e["aria-live"],
+        dataAttributes: e.dataAttributes
     };
-    if (props.href) {
-        return /*#__PURE__*/ _jsx(Touchable, _objectSpread({}, commonProps, {
-            href: props.href,
-            newTab: props.newTab,
-            "aria-label": props["aria-label"],
-            children: !icon && React.Children.only(children)
-        }));
-    }
-    if (props.to) {
-        return /*#__PURE__*/ _jsx(Touchable, _objectSpread({}, commonProps, {
-            to: props.to,
-            fullPageOnWebView: props.fullPageOnWebView,
-            replace: props.replace,
-            "aria-label": props["aria-label"],
-            children: !icon && React.Children.only(children)
-        }));
-    }
-    if (props.onPress) {
-        return /*#__PURE__*/ _jsx(Touchable, _objectSpread({}, commonProps, {
-            onPress: props.onPress,
-            "aria-label": props["aria-label"],
-            children: !icon && React.Children.only(children)
-        }));
-    }
-    return /*#__PURE__*/ _jsx(Touchable, _objectSpread({}, commonProps, {
-        maybe: true,
-        children: !icon && React.Children.only(children)
+    return e.href ? /* @__PURE__ */ c(r, _objectSpreadProps(_objectSpread({}, l), {
+        href: e.href,
+        newTab: e.newTab,
+        "aria-label": e["aria-label"],
+        children: !a && i.Children.only(n)
+    })) : e.to ? /* @__PURE__ */ c(r, _objectSpreadProps(_objectSpread({}, l), {
+        to: e.to,
+        fullPageOnWebView: e.fullPageOnWebView,
+        replace: e.replace,
+        "aria-label": e["aria-label"],
+        children: !a && i.Children.only(n)
+    })) : e.onPress ? /* @__PURE__ */ c(r, _objectSpreadProps(_objectSpread({}, l), {
+        onPress: e.onPress,
+        "aria-label": e["aria-label"],
+        children: !a && i.Children.only(n)
+    })) : /* @__PURE__ */ c(r, _objectSpreadProps(_objectSpread({}, l), {
+        maybe: !0,
+        children: !a && i.Children.only(n)
     }));
 };
-export default IconButton;
+export { f as default };

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

@@ -1,37 +1,36 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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;
-    return /*#__PURE__*/ _jsx("svg", {
-        role: role,
-        width: size,
-        height: size,
+import { jsx as l, jsxs as i } from "../_virtual/jsx-runtime.js";
+var n = function(param) {
+    var tmp = param.role, e = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, h = tmp1 === void 0 ? 24 : tmp1;
+    return /* @__PURE__ */ l("svg", {
+        role: e,
+        width: h,
+        height: h,
         viewBox: "0 0 32 32",
-        children: /*#__PURE__*/ _jsxs("g", {
+        children: /* @__PURE__ */ i("g", {
             fill: "none",
             fillRule: "evenodd",
             children: [
-                /*#__PURE__*/ _jsx("rect", {
+                /* @__PURE__ */ l("rect", {
                     width: "32",
                     height: "32",
                     fill: "#FFF",
                     fillRule: "nonzero",
                     rx: "4"
                 }),
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ l("path", {
                     fill: "#016FD0",
                     d: "M12.971 26.442v-9.554h8.36v2.138H15.56v1.634h5.636v2.011H15.56v1.697h5.77v2.074z"
                 }),
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ l("path", {
                     fill: "#016FD0",
                     d: "M21.323 26.442l3.871-4.718-3.963-4.836h3.07l2.36 2.99 2.368-2.99h2.95l-3.911 4.777 3.878 4.777h-3.07L26.586 23.5l-2.236 2.942z"
                 }),
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ l("path", {
                     fill: "#016FD0",
                     fillRule: "nonzero",
                     d: "M13.093 6.007l-4.185 9.23h2.724l.772-1.848h4.49l.768 1.848h2.784l-4.18-9.23h-3.173zm1.548 2.148l1.368 3.23h-2.74l1.372-3.23z"
                 }),
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ l("path", {
                     fill: "#016FD0",
                     d: "M20.446 15.237v-9.23l3.673.013 2.137 5.952 2.085-5.965h3.644v9.23h-2.308V8.436l-2.446 6.801h-2.024l-2.453-6.801v6.801z"
                 })
@@ -39,4 +38,4 @@ var IconAmex = function(param) {
         })
     });
 };
-export default IconAmex;
+export { n as default };

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

@@ -26,46 +26,41 @@ 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;
-    return /*#__PURE__*/ _jsx("svg", {
+import { useTheme as c } from "../hooks.js";
+import { jsx as l } from "../_virtual/jsx-runtime.js";
+var h = function(param) {
+    var o = param.size, t = param.color, r = param.transform, e = param.className, n = param.style;
+    return /* @__PURE__ */ l("svg", {
         role: "presentation",
-        width: size,
-        height: size,
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
-        className: className,
-        style: style,
-        children: /*#__PURE__*/ _jsx("path", {
+        className: e,
+        style: n,
+        children: /* @__PURE__ */ l("path", {
             style: {
                 transition: "transform 0.3s"
             },
-            fill: color,
+            fill: t,
             fillRule: "evenodd",
             d: "M14.338 11.478a.75.75 0 0 1 0 1.044l-3.837 3.997a.75.75 0 1 1-1.082-1.038L12.76 12 9.42 8.52a.75.75 0 0 1 1.082-1.04l3.837 3.998z",
-            transform: transform
+            transform: r
         })
     });
-};
-var rotateAngleByDirection = {
+}, f = {
     up: -90,
     down: 90,
     left: 180,
     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 colors = useTheme().colors;
-    var fillColor = color || colors.neutralHigh;
-    var props = {
-        size: size,
-        color: fillColor,
-        transform: "rotate(".concat(rotateAngleByDirection[direction], " 12 12)"),
-        className: className,
-        style: style
+}, d = function(param) {
+    var tmp = param.size, o = tmp === void 0 ? 24 : tmp, t = param.color, r = param.className, e = param.style, tmp1 = param.direction, n = tmp1 === void 0 ? "right" : tmp1;
+    var ref = c(), i = ref.colors, s = t || i.neutralHigh, a = {
+        size: o,
+        color: s,
+        transform: "rotate(".concat(f[n], " 12 12)"),
+        className: r,
+        style: e
     };
-    return /*#__PURE__*/ _jsx(IconChevronRightSvg, _objectSpread({}, props));
+    return /* @__PURE__ */ l(h, _objectSpread({}, a));
 };
-export default IconChevron;
+export { d as default };

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

@@ -1,26 +1,24 @@
-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;
-    return /*#__PURE__*/ _jsx("svg", {
-        role: role,
-        width: size,
-        height: size,
-        viewBox: "0 0 ".concat(size, " ").concat(size),
-        children: /*#__PURE__*/ _jsxs("g", {
+import { jsx as r, jsxs as n } from "../_virtual/jsx-runtime.js";
+var c = function(param) {
+    var tmp = param.role, t = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, a = tmp1 === void 0 ? 24 : tmp1;
+    return /* @__PURE__ */ r("svg", {
+        role: t,
+        width: a,
+        height: a,
+        viewBox: "0 0 ".concat(a, " ").concat(a),
+        children: /* @__PURE__ */ n("g", {
             fill: "#757575",
             fillRule: "nonzero",
-            transform: "scale(".concat(size / originalSize, ")"),
+            transform: "scale(".concat(a / 32, ")"),
             children: [
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ r("path", {
                     d: "M13.58 21.075H7.039a.666.666 0 1 1 0-1.333h6.543a.667.667 0 0 1 0 1.333"
                 }),
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ r("path", {
                     d: "M25.827 24.409H6.2c-.992 0-1.8-.807-1.8-1.8v-6.875h23.228v6.875c0 .993-.806 1.8-1.8 1.8M6.2 8.4h19.628c.994 0 1.8.808 1.8 1.8v1.548H4.4V10.2c0-.992.808-1.8 1.8-1.8m19.628-1.735H6.2a3.539 3.539 0 0 0-3.533 3.535v12.408A3.539 3.539 0 0 0 6.2 26.143h19.628a3.539 3.539 0 0 0 3.534-3.534V10.2a3.539 3.539 0 0 0-3.534-3.535"
                 })
             ]
         })
     });
 };
-export default IconCreditcard;
+export { c as default };

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

@@ -1,27 +1,26 @@
-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;
-    return /*#__PURE__*/ _jsx("svg", {
-        width: size,
-        height: size,
+import { jsx as h, jsxs as v } from "../_virtual/jsx-runtime.js";
+var r = function(param) {
+    var tmp = param.role, t = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, c = tmp1 === void 0 ? 48 : tmp1;
+    return /* @__PURE__ */ h("svg", {
+        width: c,
+        height: c,
         viewBox: "0 0 48 48",
-        role: role,
+        role: t,
         style: {
             flexShrink: 0
         },
-        children: /*#__PURE__*/ _jsxs("g", {
+        children: /* @__PURE__ */ v("g", {
             fill: "#00A9E0",
             children: [
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ h("path", {
                     d: "M2.571 0H45.43C46.849 0 48 1.075 48 2.4v27.2c0 1.325-1.151 2.4-2.571 2.4H2.57C1.151 32 0 30.925 0 29.6V2.4C0 1.075 1.151 0 2.571 0zm0 1.2c-.71 0-1.285.537-1.285 1.2v27.2c0 .663.575 1.2 1.285 1.2H45.43c.71 0 1.285-.537 1.285-1.2V2.4c0-.663-.575-1.2-1.285-1.2H2.57z",
                     transform: "translate(0 8)"
                 }),
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ h("path", {
                     d: "M24.286 6.4H42c.473 0 .857.358.857.8v6.4c0 .442-.384.8-.857.8H24.286c-.474 0-.857-.358-.857-.8V7.2c0-.442.383-.8.857-.8zm.268 1.05v5.9h17.178v-5.9H24.554z",
                     transform: "translate(0 8)"
                 }),
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ h("path", {
                     d: "M26.949 12h.708V8.618h-.706l-.874.602v.659l.83-.572h.042V12zm2.509-2.56l-.015.202h.656c0-.326.225-.541.553-.541.31 0 .53.192.53.464 0 .22-.12.396-.595.86l-1.104 1.08V12h2.44v-.588h-1.481v-.042l.646-.617c.586-.55.786-.867.786-1.235 0-.581-.493-.987-1.198-.987-.658 0-1.13.361-1.218.91zm4.828 1.093h.42c.379 0 .61.183.61.478 0 .288-.245.487-.6.487-.362 0-.604-.18-.625-.466h-.677c.03.638.541 1.055 1.296 1.055.77 0 1.329-.43 1.329-1.022 0-.445-.291-.755-.755-.806v-.043c.377-.077.623-.382.623-.773 0-.532-.499-.912-1.193-.912-.738 0-1.214.403-1.237 1.043h.654c.019-.293.237-.478.565-.478.33 0 .541.174.541.445 0 .277-.218.464-.539.464h-.412v.528zM39.14 12h.675v-.59h.443v-.589h-.443V8.618h-.992l-.542.83c-.33.515-.593.953-.796 1.336v.625h1.655V12zm-1.02-1.195c.387-.701.69-1.175.999-1.636h.037v1.673H38.12v-.037z",
                     transform: "translate(0 8)"
                 })
@@ -29,4 +28,4 @@ var IconCvvAmex = function(param) {
         })
     });
 };
-export default IconCvvAmex;
+export { r as default };

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

@@ -1,27 +1,26 @@
-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;
-    return /*#__PURE__*/ _jsx("svg", {
-        width: size,
-        height: size,
+import { jsx as t, jsxs as v } from "../_virtual/jsx-runtime.js";
+var r = function(param) {
+    var tmp = param.role, h = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, c = tmp1 === void 0 ? 48 : tmp1;
+    return /* @__PURE__ */ t("svg", {
+        width: c,
+        height: c,
         viewBox: "0 0 48 48",
-        role: role,
+        role: h,
         style: {
             flexShrink: 0
         },
-        children: /*#__PURE__*/ _jsxs("g", {
+        children: /* @__PURE__ */ v("g", {
             fill: "#00A9E0",
             children: [
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ t("path", {
                     d: "M2.571 0H45.43C46.849 0 48 1.075 48 2.4v27.2c0 1.325-1.151 2.4-2.571 2.4H2.57C1.151 32 0 30.925 0 29.6V2.4C0 1.075 1.151 0 2.571 0zm0 1.2c-.71 0-1.285.537-1.285 1.2v27.2c0 .663.575 1.2 1.285 1.2H45.43c.71 0 1.285-.537 1.285-1.2V2.4c0-.663-.575-1.2-1.285-1.2H2.57z",
                     transform: "translate(0 8)"
                 }),
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ t("path", {
                     d: "M0 7.2H48V12H0zM28.286 18.4H42c.473 0 .857.358.857.8v6.4c0 .442-.384.8-.857.8H28.286c-.474 0-.857-.358-.857-.8v-6.4c0-.442.383-.8.857-.8zm.268 1.05v5.9h13.178v-5.9H28.554z",
                     transform: "translate(0 8)"
                 }),
-                /*#__PURE__*/ _jsx("path", {
+                /* @__PURE__ */ t("path", {
                     d: "M31.02 24v-2.693h-.045l-.89.572v-.659l.937-.602h.756V24h-.758zm2.577-2.37c0-.653.537-1.099 1.32-1.099.757 0 1.284.406 1.284.987 0 .368-.213.684-.841 1.235l-.693.617v.042h1.587V24H33.64v-.495l1.182-1.08c.51-.464.638-.64.638-.86 0-.272-.236-.464-.567-.464-.352 0-.593.215-.593.527v.014h-.703v-.012zm5.093.903v-.528h.442c.344 0 .578-.187.578-.464 0-.271-.226-.445-.58-.445-.352 0-.585.185-.605.478h-.7c.024-.64.534-1.043 1.325-1.043.743 0 1.278.38 1.278.912 0 .391-.263.696-.668.773v.043c.497.051.809.36.809.806 0 .593-.598 1.022-1.424 1.022-.809 0-1.356-.417-1.389-1.055h.726c.023.286.281.466.67.466.38 0 .643-.199.643-.487 0-.295-.248-.478-.655-.478h-.45z",
                     transform: "translate(0 8)"
                 })
@@ -29,4 +28,4 @@ var IconCvvVisaMc = function(param) {
         })
     });
 };
-export default IconCvvVisaMc;
+export { r as default };

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

@@ -26,126 +26,120 @@ 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) {
+import { animateShakeStyles as l, getAnimateDrawLineProps as n, getAnimateFadeInProps as t } from "../utils/animation.js";
+import { createUseStyles as a } from "../jss.js";
+import { useTheme as s } from "../hooks.js";
+import { O2_SKIN as d, O2_CLASSIC_SKIN as m } from "../skins/constants.js";
+import { jsx as e, jsxs as i } from "../_virtual/jsx-runtime.js";
+var c = a(function(r) {
     return _objectSpread({
         iconContainerFill: {
-            stroke: theme.colors.error,
-            fill: theme.colors.error
+            stroke: r.colors.error,
+            fill: r.colors.error
         },
         iconContainer: {
-            stroke: theme.colors.error,
+            stroke: r.colors.error,
             fill: "none"
         }
-    }, animateShakeStyles(theme.platformOverrides));
-});
-var IconErrorO2 = function() {
-    var classes = useStyles({
+    }, l(r.platformOverrides));
+}), h = function() {
+    var r = c({
         delay: 0.8
-    });
-    var platformOverrides = useTheme().platformOverrides;
-    return /*#__PURE__*/ _jsx("svg", {
+    }), ref = s(), o = ref.platformOverrides;
+    return /* @__PURE__ */ e("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
-        children: /*#__PURE__*/ _jsxs("g", {
-            className: classes.iconContainerFill,
+        children: /* @__PURE__ */ i("g", {
+            className: r.iconContainerFill,
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-                /*#__PURE__*/ _jsxs("g", {
-                    className: classes.outerAnimation,
+                /* @__PURE__ */ i("g", {
+                    className: r.outerAnimation,
                     children: [
-                        /*#__PURE__*/ _jsx("path", _objectSpread({
+                        /* @__PURE__ */ e("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({
+                        }, n("202", "0.3s", o))),
+                        /* @__PURE__ */ e("circle", _objectSpread({
                             cx: "53.64",
                             cy: "53.54",
                             r: "1.06"
-                        }, getAnimateFadeInProps("0.2s", platformOverrides)))
+                        }, t("0.2s", o)))
                     ]
                 }),
-                /*#__PURE__*/ _jsxs("g", {
-                    className: classes.innerAnimation,
+                /* @__PURE__ */ i("g", {
+                    className: r.innerAnimation,
                     children: [
-                        /*#__PURE__*/ _jsx("line", _objectSpread({
+                        /* @__PURE__ */ e("line", _objectSpread({
                             strokeWidth: "2",
                             fill: "none",
                             x1: "32",
                             y1: "14.86",
                             x2: "32",
                             y2: "39.08"
-                        }, getAnimateDrawLineProps("110", "0.6s", platformOverrides))),
-                        /*#__PURE__*/ _jsx("circle", _objectSpread({
+                        }, n("110", "0.6s", o))),
+                        /* @__PURE__ */ e("circle", _objectSpread({
                             strokeWidth: "0",
                             cx: "32",
                             cy: "46.25",
                             r: "1.72"
-                        }, getAnimateFadeInProps("0.8", platformOverrides)))
+                        }, t("0.8", o)))
                     ]
                 })
             ]
         })
     });
-};
-var IconErrorDefault = function() {
-    var classes = useStyles({
+}, f = function() {
+    var r = c({
         delay: 0.8
-    });
-    var platformOverrides = useTheme().platformOverrides;
-    return /*#__PURE__*/ _jsx("svg", {
+    }), ref = s(), o = ref.platformOverrides;
+    return /* @__PURE__ */ e("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
-        children: /*#__PURE__*/ _jsxs("g", {
-            className: classes.iconContainer,
+        children: /* @__PURE__ */ i("g", {
+            className: r.iconContainer,
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
             strokeMiterlimit: "10",
             children: [
-                /*#__PURE__*/ _jsx("g", {
-                    className: classes.outerAnimation,
-                    children: /*#__PURE__*/ _jsx("path", _objectSpread({
+                /* @__PURE__ */ e("g", {
+                    className: r.outerAnimation,
+                    children: /* @__PURE__ */ e("path", _objectSpread({
                         fill: "none",
                         strokeWidth: "2",
                         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)))
+                    }, n("202", "0.3s", o)))
                 }),
-                /*#__PURE__*/ _jsxs("g", {
-                    className: classes.innerAnimation,
+                /* @__PURE__ */ i("g", {
+                    className: r.innerAnimation,
                     children: [
-                        /*#__PURE__*/ _jsx("line", _objectSpread({
+                        /* @__PURE__ */ e("line", _objectSpread({
                             x1: "31.9",
                             y1: "20.9",
                             x2: "31.9",
                             y2: "36.9"
-                        }, getAnimateDrawLineProps("17", "0.7s", platformOverrides))),
-                        /*#__PURE__*/ _jsx("circle", _objectSpread({
-                            className: classes.iconContainerFill,
+                        }, n("17", "0.7s", o))),
+                        /* @__PURE__ */ e("circle", _objectSpread({
+                            className: r.iconContainerFill,
                             strokeWidth: "1",
                             cx: "31.9",
                             cy: "43.9",
                             r: "1.5"
-                        }, getAnimateFadeInProps("1", platformOverrides)))
+                        }, t("1", o)))
                     ]
                 })
             ]
         })
     });
+}, y = function() {
+    var ref = s(), r = ref.skinName;
+    return r === d || r === m ? /* @__PURE__ */ e(h, {}) : /* @__PURE__ */ e(f, {});
 };
-var IconError = function() {
-    var skinName = useTheme().skinName;
-    return skinName === O2_SKIN || skinName === O2_CLASSIC_SKIN ? /*#__PURE__*/ _jsx(IconErrorO2, {}) : /*#__PURE__*/ _jsx(IconErrorDefault, {});
-};
-export default IconError;
+export { y as default };

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

@@ -1,19 +1,18 @@
-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 colors = useTheme().colors;
-    return /*#__PURE__*/ _jsx("svg", {
+import { useTheme as l } from "../hooks.js";
+import { jsx as o } from "../_virtual/jsx-runtime.js";
+var i = function(param) {
+    var tmp = param.size, e = tmp === void 0 ? 24 : tmp, t = param.color;
+    var ref = l(), r = ref.colors;
+    return /* @__PURE__ */ o("svg", {
         role: "presentation",
-        width: size,
-        height: size,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
-        children: /*#__PURE__*/ _jsx("path", {
-            fill: color || colors.neutralMedium,
+        children: /* @__PURE__ */ o("path", {
+            fill: t || r.neutralMedium,
             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;
+export { i as default };