@telefonica/mistica 16.0.0 → 16.1.0

package/dist/box.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return B;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -111,9 +111,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const D = /*#__PURE__*/ _react.forwardRef((param, k)=>{
-    let { className: i, children: f, width: l, padding: a = 0, paddingX: b = a, paddingY: m = a, paddingTop: e = m, paddingBottom: o = m, paddingLeft: r = b, paddingRight: t = b, role: x, id: y, dataAttributes: j, "aria-label": u, "aria-hidden": S } = param;
-    const n = {
+const N = /*#__PURE__*/ _react.forwardRef((param, n)=>{
+    let { className: i, children: f, as: x = "div", width: l, padding: a = 0, paddingX: b = a, paddingY: m = a, paddingTop: e = m, paddingBottom: o = m, paddingLeft: r = b, paddingRight: t = b, role: y, id: j, dataAttributes: u, "aria-label": S, "aria-hidden": k } = param;
+    const p = {
         paddingTop: e,
         paddingBottom: o,
         paddingLeft: r,
@@ -121,7 +121,7 @@ const D = /*#__PURE__*/ _react.forwardRef((param, k)=>{
     };
     let c = {}, s = "";
     try {
-        s = (0, _sprinklescssmistica.sprinkles)(n);
+        s = (0, _sprinklescssmistica.sprinkles)(p);
     } catch (e1) {
         c = {
             paddingTop: typeof e == "object" ? e.mobile : e,
@@ -130,17 +130,17 @@ const D = /*#__PURE__*/ _react.forwardRef((param, k)=>{
             paddingRight: typeof t == "object" ? t.mobile : t
         };
     }
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(j)), {
-        role: x,
-        "aria-label": u,
-        "aria-hidden": S,
-        ref: k,
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(u)), {
+        role: y,
+        "aria-label": S,
+        "aria-hidden": k,
+        ref: n,
         className: (0, _classnames.default)(i, s),
         style: _object_spread({}, l !== void 0 ? {
             width: l,
             boxSizing: "border-box"
         } : {}, s ? {} : c),
-        id: y,
+        id: j,
         children: f
     }));
-}), w = D;
+}), B = N;

package/dist/card.d.ts

@@ -183,7 +183,13 @@ type DisplayMediaCardBaseProps = {
     height?: number | string;
 };
 type DisplayMediaCardWithImageProps = CommonDisplayCardProps & {
-    backgroundImage: string;
+    backgroundImage: string | {
+        src: string;
+        srcSet?: string;
+    } | {
+        src?: string;
+        srcSet: string;
+    };
 };
 type DisplayMediaCardWithVideoProps = Omit<CommonDisplayCardProps, 'actions' | 'onClose'> & {
     backgroundVideo: VideoSource;
@@ -227,7 +233,13 @@ interface PosterCardBaseProps {
     extra?: React.ReactNode;
 }
 interface PosterCardWithImageProps extends PosterCardBaseProps {
-    backgroundImage: string;
+    backgroundImage: string | {
+        src: string;
+        srcSet?: string;
+    } | {
+        src?: string;
+        srcSet: string;
+    };
 }
 type PosterCardWithVideoProps = Omit<PosterCardBaseProps, 'actions' | 'onClose'> & {
     backgroundVideo: VideoSource;