@telefonica/mistica 16.41.0 → 16.42.0

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

@@ -27,29 +27,29 @@ function _object_spread(target) {
     }
     return target;
 }
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { useTheme as c } from "../hooks.js";
-import { O2_NEW_SKIN as i, O2_SKIN as l } from "../skins/constants.js";
-import { vars as e } from "../skins/skin-contract.css-mistica.js";
-const s = (param)=>{
-    let { size: r = 48 } = param;
-    return /* @__PURE__ */ o("svg", {
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { useTheme as t } from "../hooks.js";
+import { VIVO_NEW_SKIN as c, O2_NEW_SKIN as i, O2_SKIN as l } from "../skins/constants.js";
+import { vars as n } from "../skins/skin-contract.css-mistica.js";
+const h = (param)=>{
+    let { size: o = 48 } = param;
+    return /* @__PURE__ */ r("svg", {
         role: "presentation",
-        width: r,
-        height: r,
+        width: o,
+        height: o,
         viewBox: "0 0 64 64",
-        children: /* @__PURE__ */ n("g", {
-            stroke: e.colors.brand,
-            fill: e.colors.brand,
+        children: /* @__PURE__ */ e("g", {
+            stroke: n.colors.brand,
+            fill: n.colors.brand,
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-                /* @__PURE__ */ o("path", {
+                /* @__PURE__ */ r("path", {
                     fill: "none",
                     strokeWidth: "2",
                     d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
                 }),
-                /* @__PURE__ */ o("line", {
+                /* @__PURE__ */ r("line", {
                     fill: "none",
                     strokeWidth: "2",
                     x1: "32",
@@ -57,12 +57,12 @@ const s = (param)=>{
                     x2: "32",
                     y2: "23.74"
                 }),
-                /* @__PURE__ */ o("circle", {
+                /* @__PURE__ */ r("circle", {
                     cx: "53.64",
                     cy: "53.54",
                     r: "1.06"
                 }),
-                /* @__PURE__ */ o("circle", {
+                /* @__PURE__ */ r("circle", {
                     strokeWidth: "0",
                     cx: "32",
                     cy: "16.58",
@@ -72,52 +72,76 @@ const s = (param)=>{
         })
     });
 }, d = (param)=>{
-    let { size: r = 48 } = param;
-    return /* @__PURE__ */ o("svg", {
+    let { size: o = 48 } = param;
+    return /* @__PURE__ */ r("svg", {
         role: "presentation",
-        width: r,
-        height: r,
+        width: o,
+        height: o,
         viewBox: "0 0 48 48",
-        children: /* @__PURE__ */ n("g", {
-            fill: e.colors.brand,
+        children: /* @__PURE__ */ e("g", {
+            fill: n.colors.brand,
             children: [
-                /* @__PURE__ */ o("path", {
+                /* @__PURE__ */ r("path", {
                     d: "M24 36.8544C23.0592 36.8544 22.2816 36.0864 22.2816 35.136V18.8544C22.2816 17.9136 23.0496 17.136 24 17.136C24.9408 17.136 25.7184 17.904 25.7184 18.8544V35.136C25.7184 36.0864 24.9408 36.8544 24 36.8544Z"
                 }),
-                /* @__PURE__ */ o("path", {
+                /* @__PURE__ */ r("path", {
                     d: "M24 14.5728C25.1823 14.5728 26.1408 13.6143 26.1408 12.432C26.1408 11.2497 25.1823 10.2912 24 10.2912C22.8177 10.2912 21.8592 11.2497 21.8592 12.432C21.8592 13.6143 22.8177 14.5728 24 14.5728Z"
                 }),
-                /* @__PURE__ */ o("path", {
+                /* @__PURE__ */ r("path", {
                     d: "M0 24C0 37.2 10.8 48 24 48C37.2 48 48 37.2 48 24C48 10.8 37.2 0 24 0C10.8 0 0 10.8 0 24ZM3.4272 24C3.4272 12.6816 12.6816 3.4272 24 3.4272C35.3184 3.4272 44.5728 12.6816 44.5728 24C44.5728 35.3184 35.3184 44.5728 24 44.5728C12.6816 44.5728 3.4272 35.3184 3.4272 24Z"
                 })
             ]
         })
     });
-}, h = (param)=>{
-    let { size: r = 48 } = param;
-    return /* @__PURE__ */ o("svg", {
+}, a = (param)=>{
+    let { size: o = 48 } = param;
+    return /* @__PURE__ */ r("svg", {
         role: "presentation",
-        width: r,
-        height: r,
+        width: o,
+        height: o,
         viewBox: "0 0 64 64",
-        children: /* @__PURE__ */ o("g", {
-            fill: e.colors.brand,
-            children: /* @__PURE__ */ o("path", {
+        children: /* @__PURE__ */ r("g", {
+            fill: n.colors.brand,
+            children: /* @__PURE__ */ r("path", {
                 fillRule: "nonzero",
                 strokeWidth: "0",
                 d: "M31.991 0c21.24 0 32.01 10.77 32.01 32.01C64 53.235 53.23 64 31.99 64 10.763 64 .001 53.236.001 32.01 0 10.77 10.762 0 31.99 0zm0 2c-20.18 0-29.99 9.816-29.99 30.01C2 52.19 11.81 62 31.99 62c20.192 0 30.01-9.81 30.01-29.99C62 11.815 52.182 2 31.99 2zM32 27a1 1 0 0 1 1 1v16a1 1 0 0 1-2 0V28a1 1 0 0 1 1-1zm0-7.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"
             })
         })
     });
-}, a = (r)=>{
-    const { skinName: t } = c();
-    switch(t){
+}, s = (param)=>{
+    let { size: o = 48 } = param;
+    return /* @__PURE__ */ r("svg", {
+        role: "presentation",
+        width: o,
+        height: o,
+        viewBox: "0 0 64 64",
+        children: /* @__PURE__ */ e("g", {
+            fill: n.colors.brand,
+            children: [
+                /* @__PURE__ */ r("path", {
+                    d: "M32 29.1797C33.0354 29.1797 33.8867 29.9663 33.9893 30.9746L34 31.1797V45.9492C34 47.0538 33.1046 47.9492 32 47.9492C30.8954 47.9492 30 47.0538 30 45.9492V31.1797L30.0107 30.9746C30.1133 29.9663 30.9646 29.1797 32 29.1797Z"
+                }),
+                /* @__PURE__ */ r("path", {
+                    d: "M32 15.5889C33.8127 15.5889 35.2822 17.0584 35.2822 18.8711C35.2822 20.6838 33.8127 22.1533 32 22.1533C30.1873 22.1533 28.7178 20.6838 28.7178 18.8711C28.7178 17.0584 30.1873 15.5889 32 15.5889Z"
+                }),
+                /* @__PURE__ */ r("path", {
+                    d: "M32 0.459961C36.1418 0.459966 40.2428 1.27637 44.0693 2.86133C47.8959 4.44636 51.373 6.76948 54.3018 9.69824C57.2305 12.627 59.5536 16.1041 61.1387 19.9307C62.7236 23.7572 63.54 27.8582 63.54 32C63.54 36.1419 62.7237 40.2437 61.1387 44.0703C59.5537 47.8967 57.2304 51.3732 54.3018 54.3018C51.373 57.2305 47.8959 59.5546 44.0693 61.1396C40.2429 62.7245 36.1417 63.54 32 63.54C27.8581 63.54 23.7563 62.7247 19.9297 61.1396C16.1032 59.5546 12.6269 57.2305 9.69824 54.3018C6.76954 51.3731 4.44538 47.8968 2.86035 44.0703C1.27532 40.2437 0.459966 36.1419 0.459961 32C0.459966 27.8583 1.27549 23.7571 2.86035 19.9307C4.44538 16.1041 6.7695 12.627 9.69824 9.69824C12.6268 6.76965 16.1033 4.44635 19.9297 2.86133C23.7563 1.2763 27.8581 0.459965 32 0.459961ZM32 4.45996C28.3834 4.45996 24.8022 5.17263 21.4609 6.55664C18.1197 7.94065 15.0837 9.96907 12.5264 12.5264C9.96909 15.0837 7.94065 18.1197 6.55664 21.4609C5.17264 24.8022 4.45997 28.3834 4.45996 32C4.45997 35.6166 5.17263 39.1978 6.55664 42.5391C7.94065 45.8803 9.96906 48.9163 12.5264 51.4736C15.0837 54.0309 18.1197 56.0593 21.4609 57.4434C24.8022 58.8274 28.3834 59.54 32 59.54C35.6166 59.54 39.1978 58.8274 42.5391 57.4434C45.8803 56.0594 48.9163 54.0309 51.4736 51.4736C54.0309 48.9163 56.0594 45.8803 57.4434 42.5391C58.8274 39.1978 59.54 35.6166 59.54 32C59.54 28.3834 58.8274 24.8022 57.4434 21.4609C56.0593 18.1197 54.0309 15.0837 51.4736 12.5264C48.9163 9.96906 45.8803 7.94065 42.5391 6.55664C39.1978 5.17263 35.6166 4.45997 32 4.45996Z"
+                })
+            ]
+        })
+    });
+}, f = (o)=>{
+    const { skinName: C } = t();
+    switch(C){
         case l:
-            return /* @__PURE__ */ o(s, _object_spread({}, r));
+            return /* @__PURE__ */ r(h, _object_spread({}, o));
         case i:
-            return /* @__PURE__ */ o(d, _object_spread({}, r));
+            return /* @__PURE__ */ r(d, _object_spread({}, o));
+        case c:
+            return /* @__PURE__ */ r(a, _object_spread({}, o));
         default:
-            return /* @__PURE__ */ o(h, _object_spread({}, r));
+            return /* @__PURE__ */ r(s, _object_spread({}, o));
     }
-}, I = a;
-export { I as default };
+}, p = f;
+export { p as default };

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

@@ -28,14 +28,14 @@ function _object_spread(target) {
     return target;
 }
 import { jsx as s, jsxs as l } from "react/jsx-runtime";
-import { O2_NEW_SKIN as h, O2_SKIN as p } from "../skins/constants.js";
-import { getAnimateDrawLineProps as c, mergeProperties as a, getAnimateHopInProps as v, getAnimateFadeInProps as u } from "../utils/animation.js";
-import { useTheme as d } from "../hooks.js";
-import { useIsInverseOrMediaVariant as f } from "../theme-variant-context.js";
+import { VIVO_NEW_SKIN as f, O2_NEW_SKIN as k, O2_SKIN as p } from "../skins/constants.js";
+import { getAnimateDrawLineProps as d, mergeProperties as v, getAnimateHopInProps as a, getAnimateFadeInProps as u } from "../utils/animation.js";
+import { useTheme as c } from "../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../theme-variant-context.js";
 import { vars as n } from "../skins/skin-contract.css-mistica.js";
-const k = (param)=>{
+const m = (param)=>{
     let { size: t = 48, color: e, skipAnimation: r = !1 } = param;
-    const i = f(), { platformOverrides: o } = d();
+    const i = h(), { platformOverrides: o } = c();
     return /* @__PURE__ */ s("svg", {
         role: "presentation",
         width: t,
@@ -52,13 +52,13 @@ const k = (param)=>{
                     strokeWidth: "2",
                     stroke: e || void 0,
                     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"
-                }, !r && c("202", "0.3s", o))),
+                }, !r && d("202", "0.3s", o))),
                 /* @__PURE__ */ s("polyline", _object_spread({
                     fill: "none",
                     strokeWidth: "2",
                     stroke: e || void 0,
                     points: "16.92,30.08 28.68,43.12 50.26,20.22"
-                }, !r && a(c("50", "0.6s", o), v("0.6", o)))),
+                }, !r && v(d("50", "0.6s", o), a("0.6", o)))),
                 /* @__PURE__ */ s("circle", _object_spread({
                     stroke: e || void 0,
                     cx: "53.64",
@@ -68,9 +68,9 @@ const k = (param)=>{
             ]
         })
     });
-}, m = (param)=>{
+}, g = (param)=>{
     let { size: t = 48, color: e, skipAnimation: r = !1 } = param;
-    const i = f(), { platformOverrides: o } = d();
+    const i = h(), { platformOverrides: o } = c();
     return /* @__PURE__ */ s("svg", {
         role: "presentation",
         width: t,
@@ -80,27 +80,26 @@ const k = (param)=>{
             stroke: e ? void 0 : i ? n.colors.inverse : n.colors.brand,
             fill: e ? void 0 : i ? n.colors.inverse : n.colors.brand,
             strokeLinecap: "round",
+            strokeWidth: "4",
             children: [
                 /* @__PURE__ */ s("circle", _object_spread({
-                    strokeWidth: "4",
                     stroke: e || void 0,
                     fill: "none",
                     cx: "32",
                     cy: "32",
                     r: "30"
-                }, !r && c("202", "0.3s", o))),
+                }, !r && d("202", "0.3s", o))),
                 /* @__PURE__ */ s("polyline", _object_spread({
                     fill: "none",
-                    strokeWidth: "4",
                     stroke: e || void 0,
                     points: "18,32.67 27.33,42 49.33,20.67"
-                }, !r && a(c("50", "0.6s", o), v("0.6", o))))
+                }, !r && v(d("50", "0.6s", o), a("0.6", o))))
             ]
         })
     });
-}, g = (param)=>{
+}, C = (param)=>{
     let { size: t = 48, color: e, skipAnimation: r = !1 } = param;
-    const i = f(), { platformOverrides: o } = d();
+    const i = h(), { platformOverrides: o } = c();
     return /* @__PURE__ */ s("svg", {
         role: "presentation",
         width: t,
@@ -117,7 +116,7 @@ const k = (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)"
-                }, !r && c("202", "0.2s", o))),
+                }, !r && d("202", "0.2s", o))),
                 /* @__PURE__ */ s("polyline", _object_spread({
                     vectorEffect: "non-scaling-stroke",
                     fill: "none",
@@ -127,32 +126,68 @@ const k = (param)=>{
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     points: "20,34.9 27.4,44.3 45.6,21"
-                }, !r && a(c("44", "0.6s", o), v("0.6s", o))))
+                }, !r && v(d("44", "0.6s", o), a("0.6s", o))))
             ]
         })
     });
 }, I = (param)=>{
+    let { size: t = 48, color: e, skipAnimation: r = !1 } = param;
+    const i = h(), { platformOverrides: o } = c();
+    return /* @__PURE__ */ s("svg", {
+        role: "presentation",
+        width: t,
+        height: t,
+        viewBox: "0 0 64 64",
+        children: /* @__PURE__ */ l("g", {
+            stroke: e ? void 0 : i ? n.colors.inverse : n.colors.brand,
+            children: [
+                /* @__PURE__ */ s("path", _object_spread({
+                    fill: "none",
+                    stroke: e || void 0,
+                    strokeWidth: "4",
+                    strokeMiterlimit: "10",
+                    d: "M4.71002 43.3039C3.22557 39.7201 2.46154 35.879 2.46154 32C2.46154 28.121 3.22557 24.2799 4.71002 20.6961C6.19447 17.1124 8.37025 13.8561 11.1132 11.1132C13.8561 8.37026 17.1124 6.19447 20.6961 4.71002C24.2799 3.22558 28.121 2.46154 32 2.46154C35.879 2.46154 39.7201 3.22558 43.3039 4.71002C46.8877 6.19447 50.1439 8.37026 52.8868 11.1132C55.6297 13.8561 57.8055 17.1124 59.29 20.6961C60.7744 24.2799 61.5385 28.121 61.5385 32C61.5385 35.879 60.7744 39.7201 59.29 43.3039C57.8055 46.8877 55.6297 50.1439 52.8868 52.8868C50.1439 55.6297 46.8877 57.8055 43.3039 59.29C39.7201 60.7744 35.879 61.5385 32 61.5385C28.121 61.5385 24.2799 60.7744 20.6961 59.29C17.1124 57.8055 13.8561 55.6297 11.1132 52.8868C8.37025 50.1439 6.19447 46.8877 4.71002 43.3039Z"
+                }, !r && d("202", "0.2s", o))),
+                /* @__PURE__ */ s("path", _object_spread({
+                    fill: "none",
+                    stroke: e || void 0,
+                    strokeWidth: "4",
+                    strokeMiterlimit: "10",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M18.8718 32L28.7179 41.8462L45.1282 23.7949"
+                }, !r && v(d("44", "0.6s", o), a("0.6s", o))))
+            ]
+        })
+    });
+}, S = (param)=>{
     let { size: t, color: e, skipAnimation: r } = param;
-    const { skinName: i } = d();
+    const { skinName: i } = c();
     switch(i){
         case p:
-            return /* @__PURE__ */ s(k, {
+            return /* @__PURE__ */ s(m, {
                 size: t,
                 color: e,
                 skipAnimation: r
             });
-        case h:
-            return /* @__PURE__ */ s(m, {
+        case k:
+            return /* @__PURE__ */ s(g, {
+                size: t,
+                color: e,
+                skipAnimation: r
+            });
+        case f:
+            return /* @__PURE__ */ s(C, {
                 size: t,
                 color: e,
                 skipAnimation: r
             });
         default:
-            return /* @__PURE__ */ s(g, {
+            return /* @__PURE__ */ s(I, {
                 size: t,
                 color: e,
                 skipAnimation: r
             });
     }
-}, b = I;
-export { b as default };
+}, N = S;
+export { N as default };

package/dist-es/image.css-mistica.js

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./image.css.ts.vanilla.css-mistica.js";
-var r = 300, t = "v16_41_17tt25r5", a = "v16_41_17tt25r7", i = "v16_41_17tt25r3 v16_41_1y2v1nfn6 v16_41_1y2v1nfnl v16_41_1y2v1nfjy v16_41_1y2v1nfkj v16_41_1y2v1nfl0 v16_41_1y2v1nfou v16_41_1y2v1nfmb v16_41_1y2v1nfmc v16_41_1y2v1nfmo", d = "v16_41_17tt25r1", o = {
-    mediaBorderRadius: "var(--v16_41_17tt25r0)"
-}, e = "v16_41_17tt25r6", n = "v16_41_17tt25r4";
+var r = 300, t = "v16_42_17tt25r5", a = "v16_42_17tt25r7", i = "v16_42_17tt25r3 v16_42_1y2v1nfn6 v16_42_1y2v1nfnl v16_42_1y2v1nfjy v16_42_1y2v1nfkj v16_42_1y2v1nfl0 v16_42_1y2v1nfou v16_42_1y2v1nfmb v16_42_1y2v1nfmc v16_42_1y2v1nfmo", d = "v16_42_17tt25r1", o = {
+    mediaBorderRadius: "var(--v16_42_17tt25r0)"
+}, e = "v16_42_17tt25r6", n = "v16_42_17tt25r4";
 export { r as FADE_IN_DURATION_MS, t as circularBorderRadius, a as defaultBorderRadius, i as image, d as imageWithBorder, o as vars, e as withBorderRadius, n as withoutBorderRadius };