@telefonica/mistica 16.71.0 → 17.0.0

package/dist/icons/icon-success.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return W;
+        return N;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -44,47 +44,12 @@ function _object_spread(target) {
     return target;
 }
 const p = (param)=>{
-    let { size: n = 48, color: e, skipAnimation: r = !1 } = param;
+    let { size: r = 48, color: e, skipAnimation: o = !1 } = param;
     const { platformOverrides: t } = (0, _hooks.useTheme)(), s = (0, _themevariantcontext.useThemeVariant)(), a = s === "brand" || s === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : s === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: n,
-        height: n,
-        viewBox: "0 0 64 64",
-        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
-            stroke: e ? void 0 : a,
-            fill: e ? void 0 : a,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-                /* @__PURE__ */ (0, _jsxruntime.jsx)("path", _object_spread({
-                    fill: "none",
-                    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 && (0, _animation.getAnimateDrawLineProps)("202", "0.3s", t))),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)("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 && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("50", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6", t)))),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", _object_spread({
-                    stroke: e || void 0,
-                    cx: "53.64",
-                    cy: "53.54",
-                    r: "1.06"
-                }, !r && (0, _animation.getAnimateFadeInProps)("0.2s", t)))
-            ]
-        })
-    });
-}, C = (param)=>{
-    let { size: n = 48, color: e, skipAnimation: r = !1 } = param;
-    const { platformOverrides: t } = (0, _hooks.useTheme)(), s = (0, _themevariantcontext.useThemeVariant)(), a = s === "brand" || s === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : s === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.brand;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
-        role: "presentation",
-        width: n,
-        height: n,
+        width: r,
+        height: r,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
             stroke: e ? void 0 : a,
@@ -98,22 +63,22 @@ const p = (param)=>{
                     cx: "32",
                     cy: "32",
                     r: "30"
-                }, !r && (0, _animation.getAnimateDrawLineProps)("202", "0.3s", t))),
+                }, !o && (0, _animation.getAnimateDrawLineProps)("202", "0.3s", t))),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("polyline", _object_spread({
                     fill: "none",
                     stroke: e || void 0,
                     points: "18,32.67 27.33,42 49.33,20.67"
-                }, !r && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("50", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6", t))))
+                }, !o && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("50", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6", t))))
             ]
         })
     });
-}, S = (param)=>{
-    let { size: n = 48, color: e, skipAnimation: r = !1 } = param;
+}, k = (param)=>{
+    let { size: r = 48, color: e, skipAnimation: o = !1 } = param;
     const { platformOverrides: t } = (0, _hooks.useTheme)(), s = (0, _themevariantcontext.useThemeVariant)(), a = s === "brand" || s === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : s === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: n,
-        height: n,
+        width: r,
+        height: r,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
             stroke: e ? void 0 : a,
@@ -126,7 +91,7 @@ const p = (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 && (0, _animation.getAnimateDrawLineProps)("202", "0.2s", t))),
+                }, !o && (0, _animation.getAnimateDrawLineProps)("202", "0.2s", t))),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("polyline", _object_spread({
                     vectorEffect: "non-scaling-stroke",
                     fill: "none",
@@ -136,17 +101,17 @@ const p = (param)=>{
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     points: "20,34.9 27.4,44.3 45.6,21"
-                }, !r && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("44", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6s", t))))
+                }, !o && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("44", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6s", t))))
             ]
         })
     });
-}, w = (param)=>{
-    let { size: n = 48, color: e, skipAnimation: r = !1 } = param;
+}, C = (param)=>{
+    let { size: r = 48, color: e, skipAnimation: o = !1 } = param;
     const { platformOverrides: t } = (0, _hooks.useTheme)(), s = (0, _themevariantcontext.useThemeVariant)(), a = s === "brand" || s === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : s === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: n,
-        height: n,
+        width: r,
+        height: r,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
             stroke: e ? void 0 : a,
@@ -157,7 +122,7 @@ const p = (param)=>{
                     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 && (0, _animation.getAnimateDrawLineProps)("202", "0.2s", t))),
+                }, !o && (0, _animation.getAnimateDrawLineProps)("202", "0.2s", t))),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("path", _object_spread({
                     fill: "none",
                     stroke: e || void 0,
@@ -166,37 +131,32 @@ const p = (param)=>{
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     d: "M18.8718 32L28.7179 41.8462L45.1282 23.7949"
-                }, !r && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("44", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6s", t))))
+                }, !o && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("44", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6s", t))))
             ]
         })
     });
-}, W = (param)=>{
-    let { size: n, color: e, skipAnimation: r } = param;
+}, N = (param)=>{
+    let { size: r, color: e, skipAnimation: o } = param;
     const { skinName: t } = (0, _hooks.useTheme)();
     switch(t){
         case _constants.O2_SKIN:
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
-                size: n,
+                size: r,
                 color: e,
-                skipAnimation: r
+                skipAnimation: o
             });
-        case _constants.O2_NEW_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(C, {
-                size: n,
+        case _constants.VIVO_SKIN:
+        case _constants.VIVO_EVOLUTION_SKIN:
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
+                size: r,
                 color: e,
-                skipAnimation: r
-            });
-        case _constants.VIVO_NEW_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(S, {
-                size: n,
-                color: e,
-                skipAnimation: r
+                skipAnimation: o
             });
         default:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(w, {
-                size: n,
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(C, {
+                size: r,
                 color: e,
-                skipAnimation: r
+                skipAnimation: o
             });
     }
 };

package/dist/image.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     get FADE_IN_DURATION_MS () {
-        return _;
+        return t;
     },
     get circularBorderRadius () {
         return e;
@@ -19,21 +19,21 @@ _export(exports, {
         return o;
     },
     get image () {
-        return i;
+        return d;
     },
     get imageWithBorder () {
-        return a;
+        return _;
     },
     get vars () {
-        return t;
+        return a;
     },
     get withBorderRadius () {
         return f;
     },
     get withoutBorderRadius () {
-        return d;
+        return i;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var _ = 300, t = {
-    mediaBorderRadius: "var(--v16_71_17tt25r0)"
-}, a = "v16_71_17tt25r1", i = "v16_71_17tt25r3 v16_71_17tt25r2 v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfq6 v16_71_1y2v1nfqr v16_71_1y2v1nfr8 v16_71_1y2v1nfv2 v16_71_1y2v1nfsj v16_71_1y2v1nfsk v16_71_1y2v1nfsw", d = "v16_71_17tt25r4", e = "v16_71_17tt25r5", f = "v16_71_17tt25r6", o = "v16_71_17tt25r7";
+/* empty css                                     */ /* empty css                                 */ var t = 300, a = {
+    mediaBorderRadius: "var(--v17_17tt25r0)"
+}, _ = "v17_17tt25r1", d = "v17_17tt25r3 v17_17tt25r2 v17_1y2v1nftd v17_1y2v1nfts v17_1y2v1nfq6 v17_1y2v1nfqr v17_1y2v1nfr8 v17_1y2v1nfv1 v17_1y2v1nfsj v17_1y2v1nfsk v17_1y2v1nfsw", i = "v17_17tt25r4", e = "v17_17tt25r5", f = "v17_17tt25r6", o = "v17_17tt25r7";

package/dist/image.js

@@ -11,16 +11,16 @@ function _export(target, all) {
 }
 _export(exports, {
     get ImageContent () {
-        return o1;
+        return i1;
     },
     get ImageError () {
-        return i1;
+        return e1;
     },
     get RATIO () {
         return I;
     },
     get default () {
-        return b1;
+        return L1;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -163,29 +163,15 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e1 = (param)=>{
-    let { style: t } = param;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
-        width: "48",
-        height: "48",
-        viewBox: "0 0 48 48",
-        fill: "none",
-        style: t,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            d: "M24.021 35.7235C24.8145 35.7694 25.0467 36.1913 25.3157 36.5138C25.586 36.8362 29.515 41.551 29.7823 41.8569C30.0475 42.1662 30.7822 42.7329 31.5901 42.8405C32.3967 42.9473 33.282 42.7842 33.8484 42.3748C34.4135 41.965 35.1313 41.4073 35.3833 41.0356C35.6337 40.6638 36.061 40.1302 35.9823 39.2534C35.9028 38.3783 35.7112 37.9204 35.0268 37.1691C34.3433 36.4185 30.2992 31.6657 29.5382 30.7537C29.5382 30.7537 28.8467 29.9423 28.9469 28.7956C29.0476 27.6468 29.567 27.1343 30.6608 26.8487C31.7534 26.5647 36.0267 25.5306 36.0267 25.5306C36.0267 25.5306 38.4728 24.3723 37.9182 22.0776L37.5997 20.904C37.5997 20.904 37.0672 18.2264 33.5519 19.0556C30.0344 19.8869 28.0803 20.377 28.0803 20.377C28.0803 20.377 26.9602 20.4838 26.7999 19.744C26.6417 19.0038 26.8494 18.6218 27.3443 18.4156C27.8387 18.209 30.9611 16.7175 31.3617 12.6853C31.7652 8.65158 28.3882 5.06573 24.0091 5.08104C19.6288 5.0976 16.4594 8.39988 16.4725 11.8185C16.4856 15.2387 18.7033 17.5144 20.4079 18.3638C21.3752 18.8453 21.0656 19.7122 21.0656 19.7122C21.0656 19.7122 20.8334 20.5554 19.8153 20.3311C18.7972 20.1025 13.8657 18.9736 13.8657 18.9736C13.8657 18.9736 10.8914 18.4226 10.1732 21.359C9.4541 24.2978 11.1261 25.4143 12.3532 25.6908C13.5798 25.9669 17.7296 26.9716 17.7296 26.9716C17.7296 26.9716 18.9643 27.581 19.0125 28.8308C19.0425 29.5697 19.0438 30.1824 18.266 31.2832C17.4894 32.3835 12.6598 38.0148 12.6598 38.0148C12.6598 38.0148 10.9997 39.9862 13.4051 41.763C15.8106 43.5401 17.1641 43.1262 18.5921 41.4889C20.0188 39.852 22.8383 36.4243 22.8383 36.4243C22.8383 36.4243 23.2275 35.6788 24.021 35.7235Z",
-            stroke: _skincontractcssmistica.vars.colors.brand,
-            strokeWidth: "2"
-        })
-    });
-}, i1 = /*#__PURE__*/ _react.forwardRef((param, C)=>{
-    let { borderRadius: t, withIcon: d = !0, border: l, className: s } = param;
-    const n = (0, _themevariantcontext.useThemeVariant)(), { skinName: h } = (0, _hooks.useTheme)(), a = {
+const e1 = /*#__PURE__*/ _react.forwardRef((param, n)=>{
+    let { borderRadius: t, withIcon: C = !0, border: l, className: s } = param;
+    const d = (0, _themevariantcontext.useThemeVariant)(), { skinName: h } = (0, _hooks.useTheme)(), a = {
         default: _skincontractcssmistica.vars.colors.neutralMedium,
         alternative: _skincontractcssmistica.vars.colors.neutralMedium,
         brand: _skincontractcssmistica.vars.colors.negative,
         media: _skincontractcssmistica.vars.colors.negative,
         negative: _skincontractcssmistica.vars.colors.negative
-    }[n];
+    }[d];
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             height: "100%",
@@ -193,20 +179,14 @@ const e1 = (param)=>{
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            backgroundColor: n === "brand" || n === "media" ? _skincontractcssmistica.vars.colors.backgroundSkeletonBrand : n === "negative" ? _skincontractcssmistica.vars.colors.backgroundSkeletonNegative : _skincontractcssmistica.vars.colors.backgroundSkeleton,
+            backgroundColor: d === "brand" || d === "media" ? _skincontractcssmistica.vars.colors.backgroundSkeletonBrand : d === "negative" ? _skincontractcssmistica.vars.colors.backgroundSkeletonNegative : _skincontractcssmistica.vars.colors.backgroundSkeleton,
             boxSizing: "border-box",
             border: l ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none",
             borderRadius: t
         },
-        ref: C,
+        ref: n,
         className: s,
-        children: d ? h === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(e1, {
-            style: {
-                width: "10%",
-                minWidth: 24,
-                maxWidth: 48
-            }
-        }) : h === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
+        children: C ? h === _constants.VIVO_SKIN || h === _constants.VIVO_EVOLUTION_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
             viewBox: "0 0 24 24",
             role: "presentation",
             style: {
@@ -255,8 +235,8 @@ const e1 = (param)=>{
     "16:9": 16 / 9,
     "7:10": 7 / 10,
     "4:3": 4 / 3
-}, o1 = /*#__PURE__*/ _react.forwardRef((_param, S)=>{
-    var { aspectRatio: t = 0, alt: d = "", dataAttributes: l, noBorderRadius: s, src: C, srcSet: n, onError: h, onLoad: a, loadingFallback: k = !0, errorFallback: H = !0, objectFit: M, objectPosition: x } = _param, i = _object_without_properties(_param, [
+}, i1 = /*#__PURE__*/ _react.forwardRef((_param, x)=>{
+    var { aspectRatio: t = 0, alt: C = "", dataAttributes: l, noBorderRadius: s, src: n, srcSet: d, onError: h, onLoad: a, loadingFallback: H = !0, errorFallback: k = !0, objectFit: M, objectPosition: S } = _param, e = _object_without_properties(_param, [
         "aspectRatio",
         "alt",
         "dataAttributes",
@@ -271,7 +251,7 @@ const e1 = (param)=>{
         "objectPosition"
     ]);
     var _document_getElementById;
-    const f = _react.useId(), m = _react.useRef(null), L = i.circular ? _imagecssmistica.circularBorderRadius : s ? _imagecssmistica.withoutBorderRadius : s === !1 ? _imagecssmistica.withBorderRadius : _imagecssmistica.defaultBorderRadius, [y, b] = _react.useState(!C), [V, u] = _react.useState(!1), c = i.width && i.height ? void 0 : i.circular ? 1 : typeof t == "number" ? t : I[t], A = !!i.height && !i.width && c === 0 && !i.circular, B = !!i.width && !i.height && c === 0 && !i.circular, E = M !== null && M !== void 0 ? M : A || B ? "contain" : "cover", w = k && !!(c !== 0 || i.width && i.height), N = H && !!(c !== 0 || i.width && i.height), v = _react.useCallback(()=>{
+    const g = _react.useId(), m = _react.useRef(null), L = e.circular ? _imagecssmistica.circularBorderRadius : s ? _imagecssmistica.withoutBorderRadius : s === !1 ? _imagecssmistica.withBorderRadius : _imagecssmistica.defaultBorderRadius, [v, b] = _react.useState(!n), [V, u] = _react.useState(!1), c = e.width && e.height ? void 0 : e.circular ? 1 : typeof t == "number" ? t : I[t], A = !!e.height && !e.width && c === 0 && !e.circular, E = !!e.width && !e.height && c === 0 && !e.circular, N = M !== null && M !== void 0 ? M : A || E ? "contain" : "cover", w = H && !!(c !== 0 || e.width && e.height), B = k && !!(c !== 0 || e.width && e.height), y = _react.useCallback(()=>{
         b(!1), m.current && (m.current.style.opacity = "1"), (0, _platform.isRunningAcceptanceTest)() && u(!0), setTimeout(()=>{
             u(!0);
         }, _imagecssmistica.FADE_IN_DURATION_MS), a === null || a === void 0 ? void 0 : a();
@@ -279,43 +259,43 @@ const e1 = (param)=>{
         a
     ]);
     _react.useEffect(()=>{
-        b(!C), u(!1);
+        b(!n), u(!1);
     }, [
-        C
+        n
     ]), _react.useEffect(()=>{
         var _m_current;
-        ((_m_current = m.current) === null || _m_current === void 0 ? void 0 : _m_current.complete) && v();
+        ((_m_current = m.current) === null || _m_current === void 0 ? void 0 : _m_current.complete) && y();
     }, [
-        v
+        y
     ]);
-    const Z = (0, _environment.isServerSide)() || !((_document_getElementById = document.getElementById(f)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.complete), W = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    const Z = (0, _environment.isServerSide)() || !((_document_getElementById = document.getElementById(g)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.complete), O = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
                 suppressHydrationWarning: !0,
-                id: f,
+                id: g,
                 style: {
                     opacity: Z && w ? 0 : 1,
                     position: c !== 0 ? "absolute" : "static",
-                    objectFit: E,
-                    objectPosition: x
+                    objectFit: N,
+                    objectPosition: S
                 },
-                ref: (0, _common.combineRefs)(m, S),
-                src: C,
-                srcSet: n,
+                ref: (0, _common.combineRefs)(m, x),
+                src: n,
+                srcSet: d,
                 className: (0, _classnames.default)(L, _imagecssmistica.image, {
-                    [_imagecssmistica.imageWithBorder]: i.border
+                    [_imagecssmistica.imageWithBorder]: e.border
                 }),
-                alt: d,
+                alt: C,
                 onError: ()=>{
                     b(!0), u(!0), h === null || h === void 0 ? void 0 : h();
                 },
-                onLoad: v,
+                onLoad: y,
                 decoding: "async"
             }),
             w && /* @__PURE__ */ (0, _jsxruntime.jsx)("script", {
                 dangerouslySetInnerHTML: {
                     __html: `(function () {
-    var img = document.getElementById("${f}");
+    var img = document.getElementById("${g}");
     if (img.complete) {
         img.style.opacity = "1";
     } else {
@@ -326,7 +306,7 @@ const e1 = (param)=>{
             })
         ]
     });
-    var _i_height, _i_width;
+    var _e_height, _e_width;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             w && !V && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -338,8 +318,8 @@ const e1 = (param)=>{
                 },
                 className: L,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_skeletons.SkeletonAnimation, {
-                    height: (_i_height = i.height) !== null && _i_height !== void 0 ? _i_height : "100%",
-                    width: (_i_width = i.width) !== null && _i_width !== void 0 ? _i_width : "100%",
+                    height: (_e_height = e.height) !== null && _e_height !== void 0 ? _e_height : "100%",
+                    width: (_e_width = e.width) !== null && _e_width !== void 0 ? _e_width : "100%",
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_skeletonbase.default, {
                         height: "100%",
                         width: "100%",
@@ -347,21 +327,21 @@ const e1 = (param)=>{
                     })
                 })
             }),
-            y && N && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            v && B && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
                     height: "100%"
                 },
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i1, {
-                    border: i.border,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(e1, {
+                    border: e.border,
                     className: L
                 })
             }),
-            !y && W
+            !v && O
         ]
     });
-}), b1 = /*#__PURE__*/ _react.forwardRef((t, d)=>{
+}), L1 = /*#__PURE__*/ _react.forwardRef((t, C)=>{
     var _t_aspectRatio;
     const l = t.width && t.height ? void 0 : t.circular ? 1 : typeof t.aspectRatio == "number" || !t.aspectRatio ? (_t_aspectRatio = t.aspectRatio) !== null && _t_aspectRatio !== void 0 ? _t_aspectRatio : 0 : I[t.aspectRatio];
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioContainer, {
@@ -371,10 +351,12 @@ const e1 = (param)=>{
         aspectRatio: l,
         width: t.width,
         height: t.height,
-        dataAttributes: (0, _dom.getPrefixedDataAttributes)(t.dataAttributes, "Image"),
+        dataAttributes: (0, _dom.getPrefixedDataAttributes)(_object_spread({
+            testid: "Image"
+        }, t.dataAttributes)),
         forceNonCssAspectRatio: t.forceNonCssAspectRatio,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(o1, _object_spread_props(_object_spread({}, t), {
-            ref: d
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i1, _object_spread_props(_object_spread({}, t), {
+            ref: C
         }))
     });
 });

package/dist/index.d.ts

@@ -62,22 +62,10 @@ export { Rating, InfoRating } from './rating';
 export { VerticalMosaic, HorizontalMosaic } from './mosaic';
 export { Timer, TextTimer } from './timer';
 export { CardActionSpinner, CardActionIconButton } from './card-internal';
-export { CoverCard, 
-/** @deprecated use <CoverCard /> */
-PosterCard, 
-/** @deprecated use <CoverCard size="display" /> */
-DisplayMediaCard, } from './card-cover';
-export { NakedCard, 
-/** @deprecated use <NakedCard size="snap" /> */
-SmallNakedCard, } from './card-naked';
-export { DataCard, 
-/** @deprecated use <DataCard size="snap" /> */
-SnapCard, 
-/** @deprecated use <DataCard size="display" /> */
-DisplayDataCard, } from './card-data';
-export { MediaCard, 
-/** @deprecated use <MediaCard size="default" mediaPosition="right" /> */
-HighlightedCard, } from './card-media';
+export { CoverCard } from './card-cover';
+export { NakedCard } from './card-naked';
+export { DataCard } from './card-data';
+export { MediaCard } from './card-media';
 export { default as StackingGroup } from './stacking-group';
 export { default as Hero } from './hero';
 export { default as CoverHero } from './cover-hero';
@@ -91,7 +79,7 @@ export { default as Avatar } from './avatar';
 export { default as Slider } from './slider';
 export { useModalState } from './modal-context-provider';
 export { NavigationBar, MainNavigationBar, FunnelNavigationBar, NavigationBarActionGroup, NavigationBarAction, } from './navigation-bar';
-export { Logo, MovistarLogo, MovistarNewLogo, VivoLogo, O2Logo, O2NewLogo, TelefonicaLogo, BlauLogo, TuLogo, EsimflagLogo, } from './logo';
+export { Logo, MovistarLogo, VivoLogo, O2Logo, TelefonicaLogo, BlauLogo, EsimflagLogo } from './logo';
 export { default as Image } from './image';
 export { default as Chip } from './chip';
 export { default as Video } from './video';
@@ -104,14 +92,6 @@ export { default as SkipLink, SkipLinkNav } from './skip-link';
 export { default as SheetRoot, showSheet } from './sheet-root';
 export type { NativeSheetImplementation } from './sheet-types';
 export { default as Sheet, SheetBody } from './sheet-common';
-/** @deprecated use showSheet. It is easier to use and uses the app native implementation if available */
-export { default as ActionsSheet } from './sheet-actions';
-/** @deprecated use showSheet. It is easier to use and uses the app native implementation if available */
-export { default as InfoSheet } from './sheet-info';
-/** @deprecated use showSheet. It is easier to use and uses the app native implementation if available */
-export { default as ActionsListSheet } from './sheet-actions-list';
-/** @deprecated use showSheet. It is easier to use and uses the app native implementation if available */
-export { default as RadioListSheet } from './sheet-radio-list';
 export { default as Form } from './form';
 export { default as Select } from './select';
 export { default as TextField } from './text-field';
@@ -154,29 +134,23 @@ export { applyAlpha } from './utils/color';
 export { getCssVarValue } from './utils/dom';
 export { TrackingConfig, useTrackingConfig } from './utils/analytics';
 export { useDocumentVisibility } from './utils/document-visibility';
-export { ThemeVariant, useIsInverseVariant, useIsInverseOrMediaVariant, useThemeVariant, } from './theme-variant-context';
+export { ThemeVariant, useThemeVariant } from './theme-variant-context';
 export type { Skin, KnownSkinName, SkinName } from './skins/types';
-export { VIVO_SKIN, VIVO_NEW_SKIN, O2_SKIN, O2_NEW_SKIN, MOVISTAR_SKIN, MOVISTAR_NEW_SKIN, TELEFONICA_SKIN, BLAU_SKIN, TU_SKIN, ESIMFLAG_SKIN, } from './skins/constants';
+export { VIVO_SKIN, VIVO_EVOLUTION_SKIN, O2_SKIN, MOVISTAR_SKIN, TELEFONICA_SKIN, BLAU_SKIN, ESIMFLAG_SKIN, } from './skins/constants';
 export { getSkinByName } from './skins/utils';
 export { getVivoSkin } from './skins/vivo';
-export { getVivoNewSkin } from './skins/vivo-new';
+export { getVivoEvolutionSkin } from './skins/vivo-evolution';
 export { getMovistarSkin } from './skins/movistar';
-export { getMovistarNewSkin } from './skins/movistar-new';
 export { getO2Skin } from './skins/o2';
-export { getO2NewSkin } from './skins/o2-new';
 export { getTelefonicaSkin } from './skins/telefonica';
 export { getBlauSkin } from './skins/blau';
-export { getTuSkin } from './skins/tu';
 export { getEsimflagSkin } from './skins/esimflag';
 export { palette as vivoPalette } from './skins/vivo';
-export { palette as vivoNewPalette } from './skins/vivo-new';
+export { palette as vivoEvolutionPalette } from './skins/vivo-evolution';
 export { palette as movistarPalette } from './skins/movistar';
-export { palette as movistarNewPalette } from './skins/movistar-new';
 export { palette as o2Palette } from './skins/o2';
-export { palette as o2NewPalette } from './skins/o2-new';
 export { palette as telefonicaPalette } from './skins/telefonica';
 export { palette as blauPalette } from './skins/blau';
-export { palette as tuPalette } from './skins/tu';
 export { palette as esimFlagPalette } from './skins/esimflag';
 export type { TrackingEvent, IconProps, DataAttributes } from './utils/types';
 export type { RegionCode } from './utils/region-code';