@telefonica/mistica 14.35.0 → 14.36.1

package/dist-es/video.js

@@ -34,8 +34,8 @@ import { isRunningAcceptanceTest as P } from "./utils/platform.js";
 import { video as Q } from "./video.css-mistica.js";
 import { vars as X } from "./image.css-mistica.js";
 import { getPrefixedDataAttributes as Y } from "./utils/dom.js";
-import { fallbackVar as q } from "@vanilla-extract/css";
-import { vars as D } from "./skins/skin-contract.css-mistica.js";
+import { vars as q } from "./skins/skin-contract.css-mistica.js";
+import { fallbackStyles as D } from "./utils/css.js";
 const K = {
     loading: {
         play: "playing",
@@ -68,7 +68,7 @@ const K = {
     "16:9": 16 / 9,
     "4:3": 4 / 3
 }, z = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", H = /*#__PURE__*/ n.forwardRef((_param, A)=>{
-    var { src: r, poster: u, autoPlay: p = "when-loaded", muted: k = !0, loop: N = !0, preload: V = "none", loadingTimeout: T = 1e4, onLoad: y, onError: h, onPause: v, onPlay: R, aspectRatio: c = "1:1", dataAttributes: x } = _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: R, aspectRatio: c = "1:1", dataAttributes: U } = _param, o = _object_without_properties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -83,7 +83,7 @@ const K = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    const [a, d] = n.useReducer(M, "loading"), s = n.useRef(null), C = n.useRef(), f = n.useRef(null), b = q(X.mediaBorderRadius, D.borderRadii.container), m = typeof c == "number" ? c : _[c], w = n.useCallback(()=>{
+    const [a, d] = n.useReducer(M, "loading"), s = n.useRef(null), C = n.useRef(), f = n.useRef(null), b = D(X.mediaBorderRadius, q.borderRadii.container), m = typeof c == "number" ? c : _[c], w = n.useCallback(()=>{
         a === "loading" && (d("fail"), h == null || h());
     }, [
         h,
@@ -106,7 +106,7 @@ const K = {
         y == null || y();
         const e = s.current, t = p && !P();
         d("finishLoad"), e && t && e.paused && e.play();
-    }, U = (Array.isArray(r) ? r : [
+    }, V = (Array.isArray(r) ? r : [
         r
     ]).map((e)=>typeof e == "string" ? {
             src: e
@@ -118,7 +118,7 @@ const K = {
         muted: k,
         loop: N,
         className: Q,
-        preload: V,
+        preload: x,
         onError: w,
         onPause: ()=>{
             v == null || v(), d("pause");
@@ -142,14 +142,14 @@ const K = {
             width: "100%",
             height: "100%"
         },
-        children: U.map((param, i)=>/* @__PURE__ */ {
+        children: V.map((param, i)=>/* @__PURE__ */ {
             let { src: e, type: t } = param;
             return l("source", {
                 src: e,
                 type: t
             }, i);
         })
-    }), E = !!(m !== 0 || o.width && o.height), F = a === "error", B = n.useMemo(()=>u ? /* @__PURE__ */ l($, {
+    }), E = !!(m !== 0 || o.width && o.height), S = a === "error", B = n.useMemo(()=>u ? /* @__PURE__ */ l($, {
             aspectRatio: c,
             width: o.width,
             height: o.height,
@@ -162,14 +162,14 @@ const K = {
             },
             children: /* @__PURE__ */ l(J, {
                 borderRadius: b,
-                withIcon: F
+                withIcon: S
             })
         }) : void 0, [
         c,
         o.height,
         o.width,
         b,
-        F,
+        S,
         u,
         E
     ]);
@@ -180,7 +180,7 @@ const K = {
         aspectRatio: m,
         width: o.width,
         height: o.height,
-        dataAttributes: Y(x, "Video"),
+        dataAttributes: Y(U, "Video"),
         children: [
             /* @__PURE__ */ l("div", {
                 style: {
@@ -199,8 +199,8 @@ const K = {
                     }, t.load = ()=>{
                         var i;
                         (i = f.current) != null && i.style && (f.current.style.width = "100%", f.current.style.height = "100%"), setTimeout(()=>{
-                            var S;
-                            d("reset"), (S = s.current) == null || S.load();
+                            var F;
+                            d("reset"), (F = s.current) == null || F.load();
                         }, 100);
                     }, t.setCurrentTime = (i)=>{
                         s.current && (s.current.currentTime = i);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "14.35.0",
+    "version": "14.36.1",
     "license": "MIT",
     "repository": {
         "type": "git",