@telefonica/mistica 12.9.1 → 12.10.0

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

@@ -0,0 +1,3 @@
+import "./sprinkles.css.ts.vanilla.js";
+var f = "_1y2v1nf7d _1y2v1nf9h _1y2v1nf9x _1y2v1nf4q _1y2v1nfb4 _1y2v1nfb5 _1y2v1nfd0";
+export { f as video };

package/dist-es/video.js

@@ -77,33 +77,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import * as A from "react";
-import { useDisableBorderRadius as y } from "./image.js";
-import { createUseStyles as S } from "./jss.js";
+import * as s from "react";
+import { useDisableBorderRadius as v } from "./image.js";
 import { AspectRatioElement as E } from "./utils/aspect-ratio-support.js";
-import { combineRefs as k } from "./utils/common.js";
-import { getPrefixedDataAttributes as w } from "./utils/dom.js";
-import { isSafari as F, isRunningAcceptanceTest as I } from "./utils/platform.js";
-import { jsx as t } from "./_virtual/jsx-runtime.js";
-var x = {
+import { combineRefs as y } from "./utils/common.js";
+import { getPrefixedDataAttributes as S } from "./utils/dom.js";
+import { isSafari as I, isRunningAcceptanceTest as k } from "./utils/platform.js";
+import { video as w } from "./video.css-mistica.js";
+import { jsx as r } from "./_virtual/jsx-runtime.js";
+var F = {
     "1:1": 1,
     "16:9": 16 / 9,
     "12:5": 12 / 5,
     "4:3": 4 / 3
-}, N = S(function() {
-    return {
-        video: {
-            width: "100%",
-            height: "100%",
-            background: "transparent",
-            display: "block",
-            objectFit: "cover",
-            maxWidth: "100%",
-            maxHeight: "100%"
-        }
-    };
-}), P = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", J = /*#__PURE__*/ A.forwardRef(function(_param, l) {
-    var r = _param.src, i = _param.poster, tmp = _param.autoPlay, o = tmp === void 0 ? !I() : tmp, tmp1 = _param.muted, d = tmp1 === void 0 ? !0 : tmp1, tmp2 = _param.loop, m = tmp2 === void 0 ? !0 : tmp2, tmp3 = _param.preload, u = tmp3 === void 0 ? "none" : tmp3, tmp4 = _param.aspectRatio, s = tmp4 === void 0 ? "1:1" : tmp4, f = _param.dataAttributes, n = _objectWithoutProperties(_param, [
+}, N = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", j = /*#__PURE__*/ s.forwardRef(function(_param, l) {
+    var t = _param.src, i = _param.poster, tmp = _param.autoPlay, o = tmp === void 0 ? !k() : tmp, tmp1 = _param.muted, d = tmp1 === void 0 ? !0 : tmp1, tmp2 = _param.loop, m = tmp2 === void 0 ? !0 : tmp2, tmp3 = _param.preload, u = tmp3 === void 0 ? "none" : tmp3, tmp4 = _param.aspectRatio, A = tmp4 === void 0 ? "1:1" : tmp4, f = _param.dataAttributes, n = _objectWithoutProperties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -113,47 +101,47 @@ var x = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    var h = y(), g = typeof s == "number" ? s : x[s], p = N(), a = A.useRef(null);
-    A.useEffect(function() {
+    var R = v(), p = typeof A == "number" ? A : F[A], a = s.useRef(null);
+    s.useEffect(function() {
         var e = a.current;
         e && o && e.paused && e.play();
     }, [
         o
     ]);
-    var R = (Array.isArray(r) ? r : [
-        r
+    var g = (Array.isArray(t) ? t : [
+        t
     ]).map(function(e) {
         return typeof e == "string" ? {
             src: e
         } : e;
-    }), c = /* @__PURE__ */ t("video", _objectSpreadProps(_objectSpread({
-        ref: k(l, a),
+    }), c = /* @__PURE__ */ r("video", _objectSpreadProps(_objectSpread({
+        ref: y(l, a),
         playsInline: !0,
         disablePictureInPicture: !0,
         disableRemotePlayback: !0,
         autoPlay: o,
         muted: d,
         loop: m,
-        className: p.video,
+        className: w,
         preload: u,
-        poster: i || P
-    }, w(f)), {
+        poster: i || N
+    }, S(f)), {
         style: {
-            borderRadius: h ? 0 : 8
+            borderRadius: R ? 0 : 8
         },
-        children: R.map(function(param, v) {
-            var e = param.src, b = param.type;
-            return /* @__PURE__ */ t("source", {
+        children: g.map(function(param, b) {
+            var e = param.src, h = param.type;
+            return /* @__PURE__ */ r("source", {
                 src: e,
-                type: b
-            }, v);
+                type: h
+            }, b);
         })
     }));
-    return /* @__PURE__ */ t(E, {
-        aspectRatio: g,
+    return /* @__PURE__ */ r(E, {
+        aspectRatio: p,
         width: n.width,
         height: n.height,
-        children: F() ? /* @__PURE__ */ t("div", {
+        children: I() ? /* @__PURE__ */ r("div", {
             style: {
                 width: "100%",
                 height: "100%",
@@ -165,4 +153,4 @@ var x = {
         }) : c
     });
 });
-export { x as RATIO, J as default };
+export { F as RATIO, j as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "12.9.1",
+    "version": "12.10.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -42,9 +42,9 @@
     "browserslist": [
         "chrome >= 36",
         "firefox >= 67",
-        "safari >= 10.1",
+        "safari >= 13",
         "edge >= 17",
-        "ios_saf >= 10"
+        "ios_saf >= 13"
     ],
     "prettier": "@telefonica/prettier-config",
     "acceptanceTests": {
@@ -72,14 +72,16 @@
         "@storybook/addon-storysource": "6.4.19",
         "@storybook/addon-viewport": "6.4.19",
         "@storybook/addons": "6.4.19",
+        "@storybook/builder-webpack5": "^6.5.13",
         "@storybook/cli": "6.4.19",
         "@storybook/components": "6.4.19",
+        "@storybook/manager-webpack5": "^6.5.13",
         "@storybook/react": "6.4.19",
         "@storybook/theming": "6.4.19",
         "@swc/cli": "^0.1.57",
         "@swc/core": "^1.3.11",
         "@swc/jest": "^0.2.23",
-        "@telefonica/acceptance-testing": "2.12.0",
+        "@telefonica/acceptance-testing": "2.13.0",
         "@telefonica/eslint-config": "^1.0.7",
         "@telefonica/prettier-config": "^1.1.0",
         "@telefonica/ts-to-flow": "1.2.2",
@@ -199,5 +201,6 @@
     "resolutions": {
         "react": "17.0.2",
         "react-dom": "17.0.2"
-    }
+    },
+    "packageManager": "yarn@3.2.4"
 }