@telefonica/mistica 17.7.0 → 17.9.0

package/dist/hero.css-mistica.js

@@ -44,5 +44,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                */ var r = {
-    height: "var(--v17_7_16rbpto0)"
-}, n = "v17_7_16rbpto1 v17_7_1y2v1nfsi", t = "v17_7_16rbpto3 v17_7_16rbpto2 v17_7_1y2v1nfre", o = "v17_7_16rbpto4 v17_7_1y2v1nfsi v17_7_1y2v1nfre v17_7_1y2v1nfrq v17_7_1y2v1nfrk", a = "v17_7_16rbpto5", e = "v17_7_16rbpto6 v17_7_1y2v1nfrk", p = "v17_7_16rbpto7 v17_7_1y2v1nfrt v17_7_1y2v1nfsi", b = "v17_7_16rbpto9 v17_7_16rbpto8 v17_7_1y2v1nfre v17_7_1y2v1nfs0 v17_7_1y2v1nfru", f = "v17_7_16rbptoa", i = "v17_7_16rbptob", y = "v17_7_16rbptoc v17_7_1y2v1nfre v17_7_1y2v1nfrk";
+    height: "var(--v17_9_16rbpto0)"
+}, n = "v17_9_16rbpto1 v17_9_1y2v1nfsi", t = "v17_9_16rbpto3 v17_9_16rbpto2 v17_9_1y2v1nfre", o = "v17_9_16rbpto4 v17_9_1y2v1nfsi v17_9_1y2v1nfre v17_9_1y2v1nfrq v17_9_1y2v1nfrk", a = "v17_9_16rbpto5", e = "v17_9_16rbpto6 v17_9_1y2v1nfrk", p = "v17_9_16rbpto7 v17_9_1y2v1nfrt v17_9_1y2v1nfsi", b = "v17_9_16rbpto9 v17_9_16rbpto8 v17_9_1y2v1nfre v17_9_1y2v1nfs0 v17_9_1y2v1nfru", f = "v17_9_16rbptoa", i = "v17_9_16rbptob", y = "v17_9_16rbptoc v17_9_1y2v1nfre v17_9_1y2v1nfrk";

package/dist/hooks.js

@@ -10,40 +10,40 @@ function _export(target, all) {
 }
 _export(exports, {
     get useBoundingRect () {
-        return j;
+        return N;
     },
     get useDisableBodyScroll () {
-        return k;
+        return q;
     },
     get useElementDimensions () {
-        return A;
+        return M;
     },
     get useInnerText () {
-        return N;
+        return Y;
     },
     get useIsInViewport () {
-        return C;
+        return H;
     },
     get useIsWithinIFrame () {
-        return O;
+        return $;
     },
     get useIsomorphicLayoutEffect () {
-        return $;
+        return j;
     },
     get useScreenSize () {
-        return q;
+        return A;
     },
     get useTheme () {
-        return D;
+        return k;
     },
     get useWindowHeight () {
-        return F;
+        return O;
     },
     get useWindowSize () {
         return S;
     },
     get useWindowWidth () {
-        return M;
+        return P;
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -52,6 +52,7 @@ const _screensizecontext = /*#__PURE__*/ _interop_require_default(require("./scr
 const _dom = require("./utils/dom.js");
 const _environment = require("./utils/environment.js");
 const _helpers = require("./utils/helpers.js");
+const _platform = require("./utils/platform.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -98,13 +99,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const D = ()=>{
+const k = ()=>{
     const e = _react.useContext(_themecontext.default);
     if (!e) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return e;
 };
 let m = "", g = 0, f = 0;
-const k = (e)=>{
+const q = (e)=>{
     _react.useEffect(()=>{
         if (e) {
             const o = document.scrollingElement || document.documentElement, n = ()=>{
@@ -112,14 +113,16 @@ const k = (e)=>{
                 var _o_scrollTop, _document_body_style_cssText;
                 if (f++, !(f > 1) && (g = (_o_scrollTop = o === null || o === void 0 ? void 0 : o.scrollTop) !== null && _o_scrollTop !== void 0 ? _o_scrollTop : 0, m = (_document_body_style_cssText = (_document_body = document.body) === null || _document_body === void 0 ? void 0 : _document_body.style.cssText) !== null && _document_body_style_cssText !== void 0 ? _document_body_style_cssText : "", document.body)) {
                     var _o_clientWidth;
-                    const r = window.innerWidth > ((_o_clientWidth = o === null || o === void 0 ? void 0 : o.clientWidth) !== null && _o_clientWidth !== void 0 ? _o_clientWidth : window.innerWidth) ? "scroll" : "hidden";
-                    document.body.style.cssText = m + (m.endsWith(";") ? "" : ";") + [
-                        "overflow: hidden;",
-                        `overflow-y: ${r};`,
+                    const r = window.innerWidth > ((_o_clientWidth = o === null || o === void 0 ? void 0 : o.clientWidth) !== null && _o_clientWidth !== void 0 ? _o_clientWidth : window.innerWidth) ? "scroll" : "hidden", c = (0, _platform.isFirefox)() ? [] : [
                         "position: fixed;",
                         `top: ${-g}px;`,
                         "left: 0px;",
-                        "right: 0px;",
+                        "right: 0px;"
+                    ];
+                    document.body.style.cssText = m + (m.endsWith(";") ? "" : ";") + [
+                        "overflow: hidden;",
+                        `overflow-y: ${r};`,
+                        ...c,
                         "overscroll-behavior-y: contain;"
                     ].join("");
                 }
@@ -132,7 +135,7 @@ const k = (e)=>{
     }, [
         e
     ]);
-}, q = ()=>_react.useContext(_screensizecontext.default), A = function() {
+}, A = ()=>_react.useContext(_screensizecontext.default), M = function() {
     let { includeMargins: e = !1 } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     const [o, n] = _react.useState(0), [i, s] = _react.useState(0), [r, c] = _react.useState(null), u = _react.useCallback((l)=>{
         if (!l) {
@@ -141,8 +144,8 @@ const k = (e)=>{
         }
         const { width: h, height: p } = l[0].contentRect;
         if (e) {
-            const w = window.getComputedStyle(l[0].target), v = parseInt(w.marginTop, 10), y = parseInt(w.marginBottom, 10), b = parseInt(w.marginLeft, 10), W = parseInt(w.marginRight, 10);
-            n(h + b + W), s(p + v + y);
+            const w = window.getComputedStyle(l[0].target), y = parseInt(w.marginTop, 10), v = parseInt(w.marginBottom, 10), b = parseInt(w.marginLeft, 10), x = parseInt(w.marginRight, 10);
+            n(h + b + x), s(p + y + v);
         } else n(h), s(p);
     }, [
         e
@@ -187,13 +190,13 @@ const k = (e)=>{
         c,
         d
     ]);
-}, F = ()=>{
+}, O = ()=>{
     const { height: e } = S();
     return e;
-}, M = ()=>{
+}, P = ()=>{
     const { width: e } = S();
     return e;
-}, O = ()=>(0, _environment.isClientSide)() && window.top !== window.self, $ = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, C = (e, o, n)=>{
+}, $ = ()=>(0, _environment.isClientSide)() && window.top !== window.self, j = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, H = (e, o, n)=>{
     const [i, s] = _react.useState(o);
     return _react.useEffect(()=>{
         if (!e.current) return;
@@ -214,7 +217,7 @@ const k = (e)=>{
         n === null || n === void 0 ? void 0 : n.rootMargin,
         n === null || n === void 0 ? void 0 : n.threshold
     ]), i;
-}, H = (e)=>{
+}, R = (e)=>{
     const { top: o, right: n, bottom: i, left: s, width: r, height: c, x: u, y: d } = e.getBoundingClientRect();
     return {
         top: o,
@@ -226,14 +229,14 @@ const k = (e)=>{
         x: u,
         y: d
     };
-}, j = function(e) {
+}, N = function(e) {
     let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-    const [i, s] = _react.useState(), r = C(e, !1);
+    const [i, s] = _react.useState(), r = H(e, !1);
     return _react.useEffect(()=>{
         let c;
         const u = ()=>{
             if (e.current && (r || n)) {
-                const d = H(e.current);
+                const d = R(e.current);
                 (0, _helpers.isEqual)(i, d) || s(d), o && (c = requestAnimationFrame(u));
             } else s(void 0);
         };
@@ -247,7 +250,7 @@ const k = (e)=>{
         o,
         n
     ]), i;
-}, N = ()=>{
+}, Y = ()=>{
     const [e, o] = _react.useState(""), n = _react.useCallback((i)=>{
         i && o((process.env.NODE_ENV === "test" ? i.textContent : i.innerText) || "");
     }, []);

package/dist/horizontal-scroll.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return l;
     }
 });
-/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v17_7_1gl3gmv1 v17_7_1gl3gmv0 v17_7_1y2v1nfre", o = "v17_7_1gl3gmv2";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v17_9_1gl3gmv1 v17_9_1gl3gmv0 v17_9_1y2v1nfre", o = "v17_9_1gl3gmv2";

package/dist/icon-button.css-mistica.js

@@ -59,63 +59,63 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                       */ var _ = {
-    "brand-solid-default": "v17_7_yqt1oe4",
-    "brand-solid-brand": "v17_7_yqt1oe5",
-    "brand-solid-negative": "v17_7_yqt1oe6",
-    "brand-solid-alternative": "v17_7_yqt1oe7",
-    "brand-soft-default": "v17_7_yqt1oe8",
-    "brand-soft-brand": "v17_7_yqt1oe9",
-    "brand-soft-negative": "v17_7_yqt1oea",
-    "brand-soft-alternative": "v17_7_yqt1oeb",
-    "brand-transparent-default": "v17_7_yqt1oec",
-    "brand-transparent-brand": "v17_7_yqt1oed",
-    "brand-transparent-negative": "v17_7_yqt1oee",
-    "brand-transparent-alternative": "v17_7_yqt1oef",
-    "neutral-solid-default": "v17_7_yqt1oeg",
-    "neutral-solid-brand": "v17_7_yqt1oeh",
-    "neutral-solid-negative": "v17_7_yqt1oei",
-    "neutral-solid-alternative": "v17_7_yqt1oej",
-    "neutral-soft-default": "v17_7_yqt1oek",
-    "neutral-soft-brand": "v17_7_yqt1oel",
-    "neutral-soft-negative": "v17_7_yqt1oem",
-    "neutral-soft-alternative": "v17_7_yqt1oen",
-    "neutral-transparent-default": "v17_7_yqt1oeo",
-    "neutral-transparent-brand": "v17_7_yqt1oep",
-    "neutral-transparent-negative": "v17_7_yqt1oeq",
-    "neutral-transparent-alternative": "v17_7_yqt1oer",
-    "danger-solid-default": "v17_7_yqt1oes",
-    "danger-solid-brand": "v17_7_yqt1oet",
-    "danger-solid-negative": "v17_7_yqt1oeu",
-    "danger-solid-alternative": "v17_7_yqt1oev",
-    "danger-soft-default": "v17_7_yqt1oew",
-    "danger-soft-brand": "v17_7_yqt1oex",
-    "danger-soft-negative": "v17_7_yqt1oey",
-    "danger-soft-alternative": "v17_7_yqt1oez",
-    "danger-transparent-default": "v17_7_yqt1oe10",
-    "danger-transparent-brand": "v17_7_yqt1oe11",
-    "danger-transparent-negative": "v17_7_yqt1oe12",
-    "danger-transparent-alternative": "v17_7_yqt1oe13",
-    "brand-media": "v17_7_yqt1oe14",
-    "neutral-media": "v17_7_yqt1oe15",
-    "danger-media": "v17_7_yqt1oe16"
-}, a = "v17_7_yqt1oe17", v = "v17_7_yqt1oe18", n = "v17_7_yqt1oe19", r = {
+    "brand-solid-default": "v17_9_yqt1oe4",
+    "brand-solid-brand": "v17_9_yqt1oe5",
+    "brand-solid-negative": "v17_9_yqt1oe6",
+    "brand-solid-alternative": "v17_9_yqt1oe7",
+    "brand-soft-default": "v17_9_yqt1oe8",
+    "brand-soft-brand": "v17_9_yqt1oe9",
+    "brand-soft-negative": "v17_9_yqt1oea",
+    "brand-soft-alternative": "v17_9_yqt1oeb",
+    "brand-transparent-default": "v17_9_yqt1oec",
+    "brand-transparent-brand": "v17_9_yqt1oed",
+    "brand-transparent-negative": "v17_9_yqt1oee",
+    "brand-transparent-alternative": "v17_9_yqt1oef",
+    "neutral-solid-default": "v17_9_yqt1oeg",
+    "neutral-solid-brand": "v17_9_yqt1oeh",
+    "neutral-solid-negative": "v17_9_yqt1oei",
+    "neutral-solid-alternative": "v17_9_yqt1oej",
+    "neutral-soft-default": "v17_9_yqt1oek",
+    "neutral-soft-brand": "v17_9_yqt1oel",
+    "neutral-soft-negative": "v17_9_yqt1oem",
+    "neutral-soft-alternative": "v17_9_yqt1oen",
+    "neutral-transparent-default": "v17_9_yqt1oeo",
+    "neutral-transparent-brand": "v17_9_yqt1oep",
+    "neutral-transparent-negative": "v17_9_yqt1oeq",
+    "neutral-transparent-alternative": "v17_9_yqt1oer",
+    "danger-solid-default": "v17_9_yqt1oes",
+    "danger-solid-brand": "v17_9_yqt1oet",
+    "danger-solid-negative": "v17_9_yqt1oeu",
+    "danger-solid-alternative": "v17_9_yqt1oev",
+    "danger-soft-default": "v17_9_yqt1oew",
+    "danger-soft-brand": "v17_9_yqt1oex",
+    "danger-soft-negative": "v17_9_yqt1oey",
+    "danger-soft-alternative": "v17_9_yqt1oez",
+    "danger-transparent-default": "v17_9_yqt1oe10",
+    "danger-transparent-brand": "v17_9_yqt1oe11",
+    "danger-transparent-negative": "v17_9_yqt1oe12",
+    "danger-transparent-alternative": "v17_9_yqt1oe13",
+    "brand-media": "v17_9_yqt1oe14",
+    "neutral-media": "v17_9_yqt1oe15",
+    "danger-media": "v17_9_yqt1oe16"
+}, a = "v17_9_yqt1oe17", v = "v17_9_yqt1oe18", n = "v17_9_yqt1oe19", r = {
     default: "1.5rem",
     small: "1.25rem"
 }, o = {
     small: "calc(1.25rem + 12px)"
-}, y = "v17_7_yqt1oe1a v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn", d = {
-    default: "v17_7_yqt1oe1c v17_7_yqt1oe1b",
-    small: "v17_7_yqt1oe1d v17_7_yqt1oe1b"
-}, l = "v17_7_yqt1oe1f", q = {
-    default: "v17_7_yqt1oe1g",
-    small: "v17_7_yqt1oe1h"
+}, y = "v17_9_yqt1oe1a v17_9_1y2v1nfh7 v17_9_1y2v1nfig v17_9_1y2v1nfjp v17_9_1y2v1nfky v17_9_1y2v1nftw v17_9_1y2v1nfh6 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn", d = {
+    default: "v17_9_yqt1oe1c v17_9_yqt1oe1b",
+    small: "v17_9_yqt1oe1d v17_9_yqt1oe1b"
+}, l = "v17_9_yqt1oe1f", q = {
+    default: "v17_9_yqt1oe1g",
+    small: "v17_9_yqt1oe1h"
 }, i = {
-    default: "v17_7_yqt1oe1i",
-    small: "v17_7_yqt1oe1j"
+    default: "v17_9_yqt1oe1i",
+    small: "v17_9_yqt1oe1j"
 }, f = {
-    default: "v17_7_yqt1oe1k",
-    small: "v17_7_yqt1oe1l"
+    default: "v17_9_yqt1oe1k",
+    small: "v17_9_yqt1oe1l"
 }, s = {
-    default: "v17_7_yqt1oe1o v17_7_yqt1oe1n v17_7_yqt1oe1m v17_7_1y2v1nfty v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfui v17_7_1y2v1nfr8",
-    small: "v17_7_yqt1oe1p v17_7_yqt1oe1n v17_7_yqt1oe1m v17_7_1y2v1nfty v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfui v17_7_1y2v1nfr8"
-}, u = "v17_7_yqt1oe1q", b = "v17_7_yqt1oe1s v17_7_yqt1oe1r v17_7_1y2v1nfr8 v17_7_1y2v1nfrf", g = "v17_7_yqt1oe1u v17_7_yqt1oe1t v17_7_1y2v1nfr9";
+    default: "v17_9_yqt1oe1o v17_9_yqt1oe1n v17_9_yqt1oe1m v17_9_1y2v1nfty v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfui v17_9_1y2v1nfr8",
+    small: "v17_9_yqt1oe1p v17_9_yqt1oe1n v17_9_yqt1oe1m v17_9_1y2v1nfty v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfui v17_9_1y2v1nfr8"
+}, u = "v17_9_yqt1oe1q", b = "v17_9_yqt1oe1s v17_9_yqt1oe1r v17_9_1y2v1nfr8 v17_9_1y2v1nfrf", g = "v17_9_yqt1oe1u v17_9_yqt1oe1t v17_9_1y2v1nfr9";

package/dist/icons/icon-chevron.css-mistica.js

@@ -20,5 +20,5 @@ _export(exports, {
     }
 });
 /* empty css                                        */ var o = {
-    transitionDuration: "var(--v17_7_77bqcx0)"
-}, a = "v17_7_77bqcx1", v = "v17_7_77bqcx2";
+    transitionDuration: "var(--v17_9_77bqcx0)"
+}, a = "v17_9_77bqcx1", v = "v17_9_77bqcx2";

package/dist/icons/icon-error.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                      */ var a = "v17_7_1ao3f5e1", i = "v17_7_1ao3f5e2";
+/* empty css                                      */ var a = "v17_9_1ao3f5e1", i = "v17_9_1ao3f5e2";

package/dist/icons/icon-error.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return N;
+        return I;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -43,13 +43,13 @@ function _object_spread(target) {
     }
     return target;
 }
-const f = (param)=>{
-    let { size: o = 48 } = param;
-    const { platformOverrides: e } = (0, _hooks.useTheme)();
+const m = (param)=>{
+    let { size: e = 48 } = param;
+    const { platformOverrides: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: o,
-        height: o,
+        width: e,
+        height: e,
         viewBox: "0 0 64 64",
         overflow: "visible",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
@@ -66,7 +66,7 @@ const f = (param)=>{
                         cx: "32",
                         cy: "32",
                         r: "30"
-                    }, (0, _animation.getAnimateDrawLineProps)("202", "0.3s", e)))
+                    }, (0, _animation.getAnimateDrawLineProps)("202", "0.3s", o)))
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
                     className: _iconerrorcssmistica.innerAnimation,
@@ -78,25 +78,25 @@ const f = (param)=>{
                             y1: "16.5",
                             x2: "32",
                             y2: "39.08"
-                        }, (0, _animation.getAnimateDrawLineProps)("110", "0.6s", e))),
+                        }, (0, _animation.getAnimateDrawLineProps)("110", "0.6s", o))),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", _object_spread({
                             strokeWidth: "0",
                             cx: "32",
                             cy: "47.5",
                             r: "3"
-                        }, (0, _animation.getAnimateFadeInProps)("0.8s", e)))
+                        }, (0, _animation.getAnimateFadeInProps)("0.8s", o)))
                     ]
                 })
             ]
         })
     });
-}, k = (param)=>{
-    let { size: o = 48 } = param;
-    const { platformOverrides: e } = (0, _hooks.useTheme)();
+}, f = (param)=>{
+    let { size: e = 48 } = param;
+    const { platformOverrides: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: o,
-        height: o,
+        width: e,
+        height: e,
         viewBox: "0 0 64 64",
         overflow: "visible",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
@@ -115,7 +115,7 @@ const f = (param)=>{
                         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", e)))
+                    }, (0, _animation.getAnimateDrawLineProps)("202", "0.3s", o)))
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
                     className: _iconerrorcssmistica.innerAnimation,
@@ -125,7 +125,7 @@ const f = (param)=>{
                             y1: "20.9",
                             x2: "31.9",
                             y2: "36.9"
-                        }, (0, _animation.getAnimateDrawLineProps)("17", "0.7s", e))),
+                        }, (0, _animation.getAnimateDrawLineProps)("17", "0.7s", o))),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", _object_spread({
                             stroke: _skincontractcssmistica.vars.colors.error,
                             fill: _skincontractcssmistica.vars.colors.error,
@@ -133,19 +133,38 @@ const f = (param)=>{
                             cx: "31.9",
                             cy: "43.9",
                             r: "1.5"
-                        }, (0, _animation.getAnimateFadeInProps)("1s", e)))
+                        }, (0, _animation.getAnimateFadeInProps)("1s", o)))
                     ]
                 })
             ]
         })
     });
-}, g = (param)=>{
-    let { size: o = 48 } = param;
-    const { platformOverrides: e } = (0, _hooks.useTheme)();
+}, k = (param)=>{
+    let { size: e = 48 } = param;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
+        role: "presentation",
+        width: e,
+        height: e,
+        viewBox: "0 0 48 48",
+        fill: "none",
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                d: "M0 18C0 8.05888 8.05888 0 18 0H30C39.9411 0 48 8.05888 48 18V30C48 39.9411 39.9411 48 30 48H18C8.05888 48 0 39.9411 0 30V18Z",
+                fill: _skincontractcssmistica.vars.colors.errorLow
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                d: "M23.9948 12.5801C24.1593 12.5795 24.335 12.5865 24.5026 12.6016C25.9418 12.7313 27.318 13.5064 28.1149 14.8243L28.1247 14.8399L35.8552 28.877C36.7357 30.3471 36.7031 32.1087 35.822 33.4893C35.0153 34.753 33.4865 35.418 31.9851 35.418H16.0144C14.513 35.418 12.9841 34.753 12.1774 33.4893C11.2963 32.1087 11.2637 30.3471 12.1442 28.877L19.8747 14.8399L19.8845 14.8243C20.6814 13.5064 22.0576 12.7313 23.4968 12.6016C23.6628 12.5866 23.829 12.5795 23.9948 12.5801ZM23.9909 14.4551C23.8827 14.4546 23.7736 14.459 23.6647 14.4688C22.7771 14.5489 21.9631 15.0211 21.4978 15.7793L13.7683 29.8135L13.7585 29.8301C13.231 30.7026 13.2628 31.7054 13.7575 32.4805C14.1466 33.0901 15.0042 33.543 16.0144 33.543H31.9851C32.9952 33.543 33.8528 33.0901 34.2419 32.4805C34.7366 31.7054 34.7685 30.7026 34.2409 29.8301L34.2311 29.8135L26.5017 15.7793C26.0363 15.0211 25.2224 14.5488 24.3347 14.4688C24.2274 14.4591 24.1094 14.4546 23.9997 14.4551H23.9909ZM23.9997 28.9756C24.5175 28.9756 24.9372 29.3954 24.9372 29.9131C24.9369 30.4307 24.5173 30.8506 23.9997 30.8506C23.4821 30.8506 23.0625 30.4307 23.0622 29.9131C23.0622 29.3954 23.4819 28.9756 23.9997 28.9756ZM23.9997 19.5948C24.5175 19.5948 24.9372 20.0145 24.9372 20.5323V26.7823C24.9371 27.3 24.5174 27.7198 23.9997 27.7198C23.482 27.7198 23.0623 27.3 23.0622 26.7823V20.5323C23.0622 20.0145 23.4819 19.5948 23.9997 19.5948Z",
+                fill: _skincontractcssmistica.vars.colors.errorHigh
+            })
+        ]
+    });
+}, v = (param)=>{
+    let { size: e = 48 } = param;
+    const { platformOverrides: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: o,
-        height: o,
+        width: e,
+        height: e,
         viewBox: "0 0 64 64",
         overflow: "visible",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
@@ -163,35 +182,36 @@ const f = (param)=>{
                         cx: "32",
                         cy: "32",
                         r: "30"
-                    }, (0, _animation.getAnimateDrawLineProps)("202", "0.3s", e)))
+                    }, (0, _animation.getAnimateDrawLineProps)("202", "0.3s", o)))
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
                     className: _iconerrorcssmistica.innerAnimation,
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("path", _object_spread({
                             d: "M32 17.9375V32.9375"
-                        }, (0, _animation.getAnimateDrawLineProps)("17", "0.7s", e))),
+                        }, (0, _animation.getAnimateDrawLineProps)("17", "0.7s", o))),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", _object_spread({
                             stroke: _skincontractcssmistica.vars.colors.error,
                             fill: _skincontractcssmistica.vars.colors.error,
                             cx: "32",
                             cy: "45.1289",
                             r: "1.5"
-                        }, (0, _animation.getAnimateFadeInProps)("1s", e)))
+                        }, (0, _animation.getAnimateFadeInProps)("1s", o)))
                     ]
                 })
             ]
         })
     });
-}, N = (o)=>{
-    const { skinName: e } = (0, _hooks.useTheme)();
-    switch(e){
+}, I = (e)=>{
+    const { skinName: o } = (0, _hooks.useTheme)();
+    switch(o){
         case _constants.O2_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(f, _object_spread({}, o));
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, _object_spread({}, e));
         case _constants.VIVO_SKIN:
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(f, _object_spread({}, e));
         case _constants.VIVO_EVOLUTION_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread({}, o));
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread({}, e));
         default:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(g, _object_spread({}, o));
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(v, _object_spread({}, e));
     }
 };

package/dist/icons/icon-info.js

@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _hooks = require("../hooks.js");
 const _constants = require("../skins/constants.js");
 const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
+const _themevariantcontext = require("../theme-variant-context.js");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -41,7 +42,7 @@ function _object_spread(target) {
     }
     return target;
 }
-const h = (param)=>{
+const d = (param)=>{
     let { size: t = 48 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
@@ -63,7 +64,7 @@ const h = (param)=>{
             ]
         })
     });
-}, l = (param)=>{
+}, s = (param)=>{
     let { size: t = 48 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
@@ -79,7 +80,37 @@ const h = (param)=>{
             })
         })
     });
-}, d = (param)=>{
+}, V = (param)=>{
+    let { size: t = 48 } = param;
+    const o = (0, _themevariantcontext.useThemeVariant)() === "alternative";
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
+        role: "presentation",
+        width: t,
+        height: t,
+        viewBox: "0 0 48 48",
+        fill: "none",
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                d: "M0 18C0 8.05888 8.05888 0 18 0H30C39.9411 0 48 8.05888 48 18V30C48 39.9411 39.9411 48 30 48H18C8.05888 48 0 39.9411 0 30V18Z",
+                fill: o ? _skincontractcssmistica.vars.colors.neutralLowAlternative : _skincontractcssmistica.vars.colors.neutralLow
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+                fill: _skincontractcssmistica.vars.colors.neutralHigh,
+                children: [
+                    /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                        d: "M24 21.0453C24.5178 21.0453 24.9375 21.465 24.9375 21.9828V29.8075C24.9375 30.3253 24.5178 30.745 24 30.745C23.4822 30.745 23.0625 30.3253 23.0625 29.8075V21.9828C23.0625 21.465 23.4822 21.0453 24 21.0453Z"
+                    }),
+                    /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                        d: "M24 20.0675C24.5178 20.0675 24.9375 19.6478 24.9375 19.13C24.9375 18.6122 24.5178 18.1925 24 18.1925C23.4822 18.1925 23.0625 18.6122 23.0625 19.13C23.0625 19.6478 23.4822 20.0675 24 20.0675Z"
+                    }),
+                    /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                        d: "M11.5 21.8125C11.5 16.1171 16.1171 11.5 21.8125 11.5H26.1875C31.8829 11.5 36.5 16.1171 36.5 21.8125V26.1875C36.5 31.8829 31.8829 36.5 26.1875 36.5H21.8125C16.1171 36.5 11.5 31.8829 11.5 26.1875V21.8125ZM21.8125 13.375C17.1526 13.375 13.375 17.1526 13.375 21.8125V26.1875C13.375 30.8474 17.1526 34.625 21.8125 34.625H26.1875C30.8474 34.625 34.625 30.8474 34.625 26.1875V21.8125C34.625 17.1526 30.8474 13.375 26.1875 13.375H21.8125Z"
+                    })
+                ]
+            })
+        ]
+    });
+}, f = (param)=>{
     let { size: t = 48 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
@@ -101,15 +132,16 @@ const h = (param)=>{
             ]
         })
     });
-}, p = (t)=>{
-    const { skinName: e } = (0, _hooks.useTheme)();
-    switch(e){
+}, M = (t)=>{
+    const { skinName: n } = (0, _hooks.useTheme)();
+    switch(n){
         case _constants.O2_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(h, _object_spread({}, t));
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(d, _object_spread({}, t));
         case _constants.VIVO_SKIN:
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({}, t));
         case _constants.VIVO_EVOLUTION_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(l, _object_spread({}, t));
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(V, _object_spread({}, t));
         default:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(d, _object_spread({}, t));
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(f, _object_spread({}, t));
     }
 };

package/dist/icons/icon-stepper-success-vivo.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    size?: number | string;
+    color?: string;
+    skipAnimation?: boolean;
+};
+declare const IconStepperSuccessVivo: ({ size, color, skipAnimation }: Props) => JSX.Element;
+export default IconStepperSuccessVivo;