@telefonica/mistica 14.36.1 → 14.37.0

package/dist/video.js

@@ -127,7 +127,7 @@ const K = {
     "16:9": 16 / 9,
     "4:3": 4 / 3
 }, z = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", H = /*#__PURE__*/ _react.forwardRef((_param, A)=>{
-    var { src: r, poster: u, autoPlay: p = "when-loaded", muted: k = !0, loop: N = !0, preload: x = "none", loadingTimeout: T = 1e4, onLoad: y, onError: h, onPause: v, onPlay: R, aspectRatio: c = "1:1", dataAttributes: U } = _param, o = _object_without_properties(_param, [
+    var { src: r, poster: u, autoPlay: p = "when-loaded", muted: k = !0, loop: N = !0, preload: x = "none", loadingTimeout: T = 1e4, onLoad: y, onError: h, onPause: v, onPlay: w, aspectRatio: c = "1:1", dataAttributes: U } = _param, s = _object_without_properties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -142,7 +142,7 @@ const K = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    const [a, d] = _react.useReducer(M, "loading"), s = _react.useRef(null), C = _react.useRef(), f = _react.useRef(null), b = (0, _css.fallbackStyles)(_imagecssmistica.vars.mediaBorderRadius, _skincontractcssmistica.vars.borderRadii.container), m = typeof c == "number" ? c : _[c], w = _react.useCallback(()=>{
+    const [a, d] = _react.useReducer(M, "loading"), o = _react.useRef(null), C = _react.useRef(), f = _react.useRef(null), R = (0, _css.fallbackStyles)(_imagecssmistica.vars.mediaBorderRadius, _skincontractcssmistica.vars.borderRadii.container), m = s.width && s.height ? void 0 : typeof c == "number" ? c : _[c], b = _react.useCallback(()=>{
         a === "loading" && (d("fail"), h == null || h());
     }, [
         h,
@@ -152,25 +152,25 @@ const K = {
         var e;
         if (C.current !== r) {
             let t;
-            return C.current = r, d("reset"), r ? (t = setTimeout(w, T), (e = s.current) == null || e.load()) : d("fail"), ()=>{
+            return C.current = r, d("reset"), r ? (t = setTimeout(b, T), (e = o.current) == null || e.load()) : d("fail"), ()=>{
                 clearTimeout(t);
             };
         }
     }, [
         r,
         T,
-        w
+        b
     ]);
     const I = ()=>{
         y == null || y();
-        const e = s.current, t = p && !(0, _platform.isRunningAcceptanceTest)();
+        const e = o.current, t = p && !(0, _platform.isRunningAcceptanceTest)();
         d("finishLoad"), e && t && e.paused && e.play();
     }, V = (Array.isArray(r) ? r : [
         r
     ]).map((e)=>typeof e == "string" ? {
             src: e
         } : e), g = a === "error" || a === "loading" || a === "loaded", j = /* @__PURE__ */ (0, _jsxruntime.jsx)("video", {
-        ref: s,
+        ref: o,
         playsInline: !0,
         disablePictureInPicture: !0,
         disableRemotePlayback: !0,
@@ -178,13 +178,13 @@ const K = {
         loop: N,
         className: _videocssmistica.video,
         preload: x,
-        onError: w,
+        onError: b,
         onPause: ()=>{
             v == null || v(), d("pause");
         },
         onTimeUpdate: ()=>{
             var e;
-            a !== "playing" && ((e = s.current) == null ? void 0 : e.currentTime) !== 0 && (R == null || R(), d("play"));
+            a !== "playing" && ((e = o.current) == null ? void 0 : e.currentTime) !== 0 && (w == null || w(), d("play"));
         },
         onCanPlay: ()=>{
             p === "streaming" && I();
@@ -195,7 +195,7 @@ const K = {
         poster: z,
         style: {
             // For some reason adding this style with classnames doesn't add the border radius in safari
-            borderRadius: b,
+            borderRadius: R,
             visibility: g ? "hidden" : "visible",
             position: g || m !== 0 ? "absolute" : "static",
             width: "100%",
@@ -208,10 +208,10 @@ const K = {
                 type: t
             }, i);
         })
-    }), E = !!(m !== 0 || o.width && o.height), S = a === "error", B = _react.useMemo(()=>u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.ImageContent, {
+    }), E = !!(m !== 0 || s.width && s.height), S = a === "error", B = _react.useMemo(()=>u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.ImageContent, {
             aspectRatio: c,
-            width: o.width,
-            height: o.height,
+            width: s.width,
+            height: s.height,
             src: u
         }) : E ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             style: {
@@ -220,14 +220,14 @@ const K = {
                 height: "100%"
             },
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.ImageError, {
-                borderRadius: b,
+                borderRadius: R,
                 withIcon: S
             })
         }) : void 0, [
         c,
-        o.height,
-        o.width,
-        b,
+        s.height,
+        s.width,
+        R,
         S,
         u,
         E
@@ -237,8 +237,8 @@ const K = {
             position: "relative"
         },
         aspectRatio: m,
-        width: o.width,
-        height: o.height,
+        width: s.width,
+        height: s.height,
         dataAttributes: (0, _dom.getPrefixedDataAttributes)(U, "Video"),
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -251,18 +251,18 @@ const K = {
                     const t = e || null;
                     t && (t.play = ()=>{
                         var i;
-                        return ((i = s.current) == null ? void 0 : i.play()) || Promise.resolve();
+                        return ((i = o.current) == null ? void 0 : i.play()) || Promise.resolve();
                     }, t.pause = ()=>{
                         var i;
-                        return (i = s.current) == null ? void 0 : i.pause();
+                        return (i = o.current) == null ? void 0 : i.pause();
                     }, t.load = ()=>{
                         var i;
                         (i = f.current) != null && i.style && (f.current.style.width = "100%", f.current.style.height = "100%"), setTimeout(()=>{
                             var F;
-                            d("reset"), (F = s.current) == null || F.load();
+                            d("reset"), (F = o.current) == null || F.load();
                         }, 100);
                     }, t.setCurrentTime = (i)=>{
-                        s.current && (s.current.currentTime = i);
+                        o.current && (o.current.currentTime = i);
                     }), typeof A == "function" ? A(t) : A && (A.current = t);
                 }
             }),

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

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./accordion.css.ts.vanilla.css-mistica.js";
-var e = "_8s3szx3", v = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbx _1y2v1nfds _1y2v1nf62 _1y2v1nfbc _1y2v1nfce", r = "_8s3szx9", a = "_8s3szx4", _ = {
+var e = "_8s3szx3", r = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfh3 _1y2v1nfiy _1y2v1nf68 _1y2v1nfgi _1y2v1nfhk", v = "_8s3szx9", a = "_8s3szx4", _ = {
     enter: "_8s3szx5",
     enterActive: "_8s3szx6",
     exit: "_8s3szx7",
     exitActive: "_8s3szx8"
-}, t = "_8s3szx1", x = "_8s3szx2";
-export { e as chevronContainer, v as itemContent, r as panel, a as panelContainer, _ as panelTransitionClasses, t as touchableBackground, x as touchableBackgroundInverse };
+}, t = "_8s3szx1", i = "_8s3szx2";
+export { e as chevronContainer, r as itemContent, v as panel, a as panelContainer, _ as panelTransitionClasses, t as touchableBackground, i as touchableBackgroundInverse };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var a = "_1y2v1nfe8 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfeb", f = "_1y2v1nfg5";
+var a = "_1y2v1nfje _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfjh", f = "_1y2v1nflb";
 export { a as avatar, f as image };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./badge.css.ts.vanilla.css-mistica.js";
-var _ = "_17szrmd2 _1y2v1nfc2 _1y2v1nfci _1y2v1nf4j", n = "_17szrmd6", b = "_17szrmd4 _17szrmd2 _1y2v1nfc2 _1y2v1nfci _1y2v1nf4j _1y2v1nfba _1y2v1nfbp _1y2v1nfbj", f = "_1y2v1nfb5", y = "_1y2v1nfb4 _1y2v1nfbe";
-export { _ as badge, n as badgeBigNumber, b as badgeNumber, f as badgeWithChildren, y as container };
+var _ = "_17szrmd2 _1y2v1nfh8 _1y2v1nfho _1y2v1nf4p", n = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nfh8 _1y2v1nfho _1y2v1nf4p _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp", g = "_1y2v1nfgb", y = "_1y2v1nfga _1y2v1nfgk";
+export { _ as badge, n as badgeBigNumber, f as badgeNumber, g as badgeWithChildren, y as container };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var o = "_1y2v1nfdr";
+var o = "_1y2v1nfix";
 export { o as boxBorder };

package/dist-es/button-group.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button-group.css.ts.vanilla.css-mistica.js";
-var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbf";
+var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nfgh _1y2v1nfgv _1y2v1nfgl";
 export { r as buttonChild, t as buttons, v as container, _ as inline };

package/dist-es/button-layout.css-mistica.js

@@ -1,10 +1,10 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
 import "./button-layout.css.ts.vanilla.css-mistica.js";
-var f = "kfxylhg", l = {
-    right: "_1y2v1nfbk",
-    left: "_1y2v1nfbi",
-    center: "_1y2v1nfbj",
-    "full-width": "kfxylhf _1y2v1nfbj"
-}, i = "kfxylh5 _1y2v1nfba", v = "kfxylh6", y = "kfxylh7", t = "kfxylh2 _1y2v1nfba _1y2v1nfbx", h = "kfxylh3", e = "kfxylh0";
-export { f as alignMoreThanOneChildren, l as alignVariant, i as baseContainer, v as container, y as fullWidthContainer, t as link, h as linkAlignment, e as margins };
+var l = "kfxylhg", a = {
+    right: "_1y2v1nfgq",
+    left: "_1y2v1nfgo",
+    center: "_1y2v1nfgp",
+    "full-width": "kfxylhf _1y2v1nfgp"
+}, i = "kfxylh5 _1y2v1nfgg", v = "kfxylh6", y = "kfxylh7", g = "kfxylh2 _1y2v1nfgg _1y2v1nfh3", h = "kfxylh3", t = "kfxylh0";
+export { l as alignMoreThanOneChildren, a as alignVariant, i as baseContainer, v as container, y as fullWidthContainer, g as link, h as linkAlignment, t as margins };

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

@@ -1,12 +1,20 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
-var _ = 2, y = 8, r = 24, f = 12, b = 6, a = 20, e = 16, p = 20, I = 14.5, i = 10.5, N = "rrbrpni _1y2v1nf2a", d = {
-    primary: "rrbrpno rrbrpn2 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbe _1y2v1nfb4 _1y2v1nfby _1y2v1nfdz _1y2v1nfeb _1y2v1nf23 _1y2v1nf3u",
-    secondary: "rrbrpnp rrbrpn2 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbe _1y2v1nfb4 _1y2v1nfby _1y2v1nfdz _1y2v1nfeb _1y2v1nf27 _1y2v1nf62",
-    danger: "rrbrpnq rrbrpn2 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbe _1y2v1nfb4 _1y2v1nfby _1y2v1nfdz _1y2v1nfeb _1y2v1nf22 _1y2v1nf3o"
-}, t = "rrbrpn0", l = "rrbrpng _1y2v1nf8x _1y2v1nfa6 _1y2v1nfbe _1y2v1nfby _1y2v1nfb4 _1y2v1nfdz _1y2v1nfds _1y2v1nf29 _1y2v1nf62 _1y2v1nfeb _1y2v1nfd4", o = "rrbrpn7 _1y2v1nfbb _1y2v1nfb5 _1y2v1nfeh _1y2v1nffq _1y2v1nfbj _1y2v1nfbp", L = "rrbrpn4 _1y2v1nfbc _1y2v1nfcf _1y2v1nfeb", c = "rrbrpn5", s = "rrbrpn9 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj", A = "rrbrpnk _1y2v1nfba _1y2v1nfbp _1y2v1nfbj", P = {
-    primary: "rrbrpnl rrbrpn2 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbe _1y2v1nfb4 _1y2v1nfby _1y2v1nfdz _1y2v1nfeb _1y2v1nf22 _1y2v1nf3t",
-    secondary: "rrbrpnm rrbrpn2 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbe _1y2v1nfb4 _1y2v1nfby _1y2v1nfdz _1y2v1nfeb _1y2v1nf25 _1y2v1nf62",
-    danger: "rrbrpnn rrbrpn2 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbe _1y2v1nfb4 _1y2v1nfby _1y2v1nfdz _1y2v1nfeb _1y2v1nf22 _1y2v1nf3o"
-};
-export { _ as CHEVRON_MARGIN_LEFT_LINK, y as ICON_MARGIN_PX, r as ICON_SIZE, f as PADDING_X_LINK, b as PADDING_Y_LINK, a as SMALL_ICON_SIZE, e as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, I as X_PADDING_PX, i as X_SMALL_PADDING_PX, N as inverseLink, d as inverseVariants, t as isLoading, l as link, o as loadingContent, L as loadingFiller, c as small, s as textContent, A as textContentLink, P as variants };
+var _ = 2, y = 8, f = 24, r = 12, a = 6, g = 20, p = 16, i = 20, b = 14.5, h = 10.5, j = {
+    primary: "rrbrpno rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf25 _1y2v1nf3z",
+    secondary: "rrbrpnp rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf28 _1y2v1nf68",
+    danger: "rrbrpnq rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf25 _1y2v1nf3r"
+}, e = {
+    primary: "rrbrpnr rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf26 _1y2v1nf40",
+    secondary: "rrbrpns rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf2a _1y2v1nf68",
+    danger: "rrbrpnt rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf25 _1y2v1nf3r"
+}, t = {
+    default: "rrbrpnx rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2d _1y2v1nf68",
+    danger: "rrbrpny rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2e _1y2v1nf3v",
+    dangerDark: "rrbrpnz rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2e _1y2v1nf68"
+}, k = "rrbrpn0", I = {
+    default: "rrbrpnu rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2c _1y2v1nf68",
+    danger: "rrbrpnv rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2e _1y2v1nf68",
+    dangerDark: "rrbrpnw rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2e _1y2v1nf68"
+}, N = "rrbrpn7 _1y2v1nfgh _1y2v1nfgb _1y2v1nfjn _1y2v1nfkw _1y2v1nfgp _1y2v1nfgv", d = "rrbrpn4 _1y2v1nfgi _1y2v1nfhl _1y2v1nfjh", o = "rrbrpn5", L = "rrbrpn9 _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp", s = "rrbrpni _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp";
+export { _ as CHEVRON_MARGIN_LEFT_LINK, y as ICON_MARGIN_PX, f as ICON_SIZE, r as PADDING_X_LINK, a as PADDING_Y_LINK, g as SMALL_ICON_SIZE, p as SMALL_SPINNER_SIZE, i as SPINNER_SIZE, b as X_PADDING_PX, h as X_SMALL_PADDING_PX, j as buttonVariants, e as inverseButtonVariants, t as inverseLinkVariants, k as isLoading, I as linkVariants, N as loadingContent, d as loadingFiller, o as small, L as textContent, s as textContentLink };