@telefonica/mistica 13.2.3 → 13.4.0

package/dist/search-field.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>M
+    get: ()=>O
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _formContextJs = require("./form-context.js");
@@ -14,6 +14,7 @@ const _iconCloseRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./gene
 const _iconButtonJs = /*#__PURE__*/ _interopRequireDefault(require("./icon-button.js"));
 const _hooksJs = require("./hooks.js");
 const _domJs = require("./utils/dom.js");
+const _commonJs = require("./utils/common.js");
 const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -138,8 +139,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const M = (_param)=>{
-    var { disabled: m , error: u , helperText: p , name: d , optional: n , validate: I , onChange: e , onChangeValue: r , onBlur: x , value: a , defaultValue: y  } = _param, S = _objectWithoutProperties(_param, [
+const O = /*#__PURE__*/ _react.forwardRef((_param, S)=>{
+    var { disabled: a , error: u , helperText: p , name: d , optional: n , validate: I , onChange: e , onChangeValue: t , onBlur: R , value: l , defaultValue: x  } = _param, y = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -152,45 +153,45 @@ const M = (_param)=>{
         "value",
         "defaultValue"
     ]);
-    const P = (0, _hooksJs.useTheme)(), t = _react.useRef(), [R, b] = _react.useState(y || ""), i = typeof a < "u", f = i ? a : R, l = _react.useCallback((o, F)=>{
-        i || b(o), r == null || r(o, F);
+    const b = (0, _hooksJs.useTheme)(), o = _react.useRef(), [P, v] = _react.useState(x || ""), i = typeof l < "u", m = i ? l : P, f = _react.useCallback((s, h)=>{
+        i || v(s), t == null || t(s, h);
     }, [
         i,
-        r
-    ]), v = _react.useCallback(()=>{
-        l("", ""), t.current && (e == null || e((0, _domJs.createChangeEvent)(t.current, "")), t.current.focus());
+        t
+    ]), B = _react.useCallback(()=>{
+        f("", ""), o.current && (e == null || e((0, _domJs.createChangeEvent)(o.current, "")), o.current.focus());
     }, [
-        l,
+        f,
         e
-    ]), B = (0, _formContextJs.useFieldProps)({
+    ]), F = (0, _formContextJs.useFieldProps)({
         name: d,
-        value: f,
+        value: m,
         defaultValue: void 0,
-        processValue: (o)=>o,
+        processValue: (s)=>s,
         helperText: p,
         optional: n,
         error: u,
-        disabled: m,
-        onBlur: x,
+        disabled: a,
+        onBlur: R,
         validate: I,
         onChange: e,
-        onChangeValue: l
+        onChangeValue: f
     });
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldBaseJs.TextFieldBaseAutosuggest, _objectSpreadProps(_objectSpread({
-        ref: t,
+        ref: (0, _commonJs.combineRefs)(o, S),
         startIcon: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconSearchJs.default, {}),
-        endIcon: f ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
+        endIcon: m ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
             size: 48,
             style: {
                 display: "flex",
                 padding: 12,
                 margin: -12
             },
-            "aria-label": P.texts.formSearchClear,
-            onPress: v,
+            "aria-label": b.texts.formSearchClear,
+            onPress: B,
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconCloseRegularJs.default, {})
         }) : void 0
-    }, S, B), {
+    }, y, F), {
         type: "search"
     }));
-};
+});

package/dist/video.js

@@ -9,7 +9,7 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    RATIO: ()=>F,
+    RATIO: ()=>C,
     default: ()=>j
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
@@ -138,13 +138,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const F = {
+const C = {
     "1:1": 1,
     "16:9": 16 / 9,
     "12:5": 12 / 5,
     "4:3": 4 / 3
-}, N = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", j = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
-    var { src: t , poster: i , autoPlay: o = !(0, _platformJs.isRunningAcceptanceTest)() , muted: d = !0 , loop: m = !0 , preload: u = "none" , aspectRatio: A = "1:1" , dataAttributes: f  } = _param, n = _objectWithoutProperties(_param, [
+}, F = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", j = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
+    var { src: t , poster: i , autoPlay: o = !(0, _platformJs.isRunningAcceptanceTest)() , muted: c = !0 , loop: m = !0 , preload: u = "none" , aspectRatio: A = "1:1" , dataAttributes: f  } = _param, n = _objectWithoutProperties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -154,9 +154,9 @@ const F = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    const R = (0, _imageJs.useDisableBorderRadius)(), p = typeof A == "number" ? A : F[A], a = _react.useRef(null);
+    const R = (0, _imageJs.useMediaBorderRadius)(), p = typeof A == "number" ? A : C[A], d = _react.useRef(null);
     _react.useEffect(()=>{
-        const e = a.current;
+        const e = d.current;
         e && o && e.paused && e.play();
     }, [
         o
@@ -165,20 +165,20 @@ const F = {
         t
     ]).map((e)=>typeof e == "string" ? {
             src: e
-        } : e), c = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("video", _objectSpreadProps(_objectSpread({
-        ref: (0, _commonJs.combineRefs)(l, a),
+        } : e), a = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("video", _objectSpreadProps(_objectSpread({
+        ref: (0, _commonJs.combineRefs)(l, d),
         playsInline: !0,
         disablePictureInPicture: !0,
         disableRemotePlayback: !0,
         autoPlay: o,
-        muted: d,
+        muted: c,
         loop: m,
         className: _videoCssMisticaJs.video,
         preload: u,
-        poster: i || N
+        poster: i || F
     }, (0, _domJs.getPrefixedDataAttributes)(f)), {
         style: {
-            borderRadius: R ? 0 : 8
+            borderRadius: R ? 8 : 0
         },
         children: g.map((param, b)=>/* @__PURE__ */ {
             let { src: e , type: h  } = param;
@@ -200,7 +200,7 @@ const F = {
                 backgroundSize: "cover",
                 backgroundPosition: "50% 50%"
             },
-            children: c
-        }) : c
+            children: a
+        }) : a
     });
 });

package/dist-es/card.js

@@ -80,19 +80,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 import * as y from "react";
 import R from "./tag.js";
 import b from "./stack.js";
-import D from "./box.js";
+import N from "./box.js";
 import { Text2 as C, Text1 as j, Text4 as k } from "./text.js";
 import { Boxed as T } from "./boxed.js";
 import A from "./button-group.js";
-import { DisableBorderRadiusProvider as H } from "./image.js";
-import N, { useIsDismissable as G } from "./maybe-dismissable.js";
+import { MediaBorderRadiusProvider as H } from "./image.js";
+import D, { useIsDismissable as G } from "./maybe-dismissable.js";
 import { BaseTouchable as q } from "./touchable.js";
 import { vars as w } from "./skins/skin-contract.css-mistica.js";
 import { boxed as B, mediaCard as z, mediaCardContent as E, dataCard as F, snapCardTouchableHover as I, snapCardTouchableHoverTransparent as J, snapCard as K, actions as O } from "./card.css-mistica.js";
 import { useTheme as Q } from "./hooks.js";
 import { sprinkles as U } from "./sprinkles.css-mistica.js";
 import { jsx as r, jsxs as o } from "./_virtual/jsx-runtime.js";
-const S = (param)=>{
+const M = (param)=>{
     let { headline: e , pretitle: a , pretitleLinesMax: t , title: n , titleLinesMax: h , subtitle: d , subtitleLinesMax: u , description: s , descriptionLinesMax: l , extra: i , button: c , buttonLink: m  } = param;
     const p = ()=>e ? typeof e == "string" ? /* @__PURE__ */ r(R, {
             type: "promo",
@@ -166,7 +166,7 @@ const S = (param)=>{
             })
         ]
     });
-}, M = (param)=>{
+}, S = (param)=>{
     let { "aria-label": e , className: a , children: t  } = param;
     return G() ? /* @__PURE__ */ r("div", {
         className: a,
@@ -177,28 +177,29 @@ const S = (param)=>{
         children: t
     });
 }, nr = /*#__PURE__*/ y.forwardRef((param, x)=>/* @__PURE__ */ {
-    let { media: e , headline: a , pretitle: t , pretitleLinesMax: n , subtitle: h , subtitleLinesMax: d , title: u , titleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes: g , "aria-label": f , onClose: v  } = param;
-    return r(N, {
-        onClose: v,
+    let { media: e , headline: a , pretitle: t , pretitleLinesMax: n , subtitle: h , subtitleLinesMax: d , title: u , titleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes: v , "aria-label": f , onClose: g  } = param;
+    return r(D, {
+        onClose: g,
         "aria-label": f,
         children: /* @__PURE__ */ r(T, {
             className: B,
             dataAttributes: _objectSpread({
                 "component-name": "MediaCard"
-            }, g),
+            }, v),
             ref: x,
             width: "100%",
             height: "100%",
-            children: /* @__PURE__ */ o(M, {
+            children: /* @__PURE__ */ o(S, {
                 className: z,
                 "aria-label": f,
                 children: [
                     /* @__PURE__ */ r(H, {
+                        value: !1,
                         children: e
                     }),
                     /* @__PURE__ */ r("div", {
                         className: E,
-                        children: /* @__PURE__ */ r(S, {
+                        children: /* @__PURE__ */ r(M, {
                             headline: a,
                             pretitle: t,
                             pretitleLinesMax: n,
@@ -218,27 +219,27 @@ const S = (param)=>{
         })
     });
 }), or = /*#__PURE__*/ y.forwardRef((param, x)=>/* @__PURE__ */ {
-    let { icon: e , headline: a , pretitle: t , pretitleLinesMax: n , title: h , titleLinesMax: d , subtitle: u , subtitleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes: g , "aria-label": f , onClose: v  } = param;
-    return r(N, {
+    let { icon: e , headline: a , pretitle: t , pretitleLinesMax: n , title: h , titleLinesMax: d , subtitle: u , subtitleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes: v , "aria-label": f , onClose: g  } = param;
+    return r(D, {
         "aria-label": f,
-        onClose: v,
+        onClose: g,
         children: /* @__PURE__ */ r(T, {
             className: B,
             dataAttributes: _objectSpread({
                 "component-name": "DataCard"
-            }, g),
+            }, v),
             ref: x,
             width: "100%",
             height: "100%",
-            children: /* @__PURE__ */ o(M, {
+            children: /* @__PURE__ */ o(S, {
                 className: F,
                 "aria-label": f,
                 children: [
-                    e && /* @__PURE__ */ r(D, {
+                    e && /* @__PURE__ */ r(N, {
                         paddingBottom: 16,
                         children: e
                     }),
-                    /* @__PURE__ */ r(S, {
+                    /* @__PURE__ */ r(M, {
                         headline: a,
                         pretitle: t,
                         pretitleLinesMax: n,
@@ -288,7 +289,7 @@ const S = (param)=>{
                 children: [
                     /* @__PURE__ */ o("div", {
                         children: [
-                            e && /* @__PURE__ */ r(D, {
+                            e && /* @__PURE__ */ r(N, {
                                 paddingBottom: 16,
                                 children: e
                             }),

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

@@ -2,10 +2,10 @@ import "./sprinkles.css.ts.vanilla.js";
 import "./responsive-layout.css.ts.vanilla.js";
 import "./grid-layout.css.ts.vanilla.js";
 import "./carousel.css.ts.vanilla.js";
-var a = "_1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf3k", y = "_1abcu72 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf3l", r = "_1abcu72 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf40", c = "_1abcu75 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f", e = "_1abcu7l _1abcu7b _1y2v1nf5g _1y2v1nf8i", u = "_1y2v1nf5g _1y2v1nf5p", b = "_1y2v1nf8u _1y2v1nf5b", s = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c", o = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c", l = "_1abcu7m", i = "_1abcu7n", p = "_1abcu7v _1abcu7b _1y2v1nf5g _1y2v1nf8i", d = "_1abcu715 _1y2v1nf5c _1y2v1nfb0 _1y2v1nf5g _1y2v1nf5p _1y2v1nf7n", g = "_1y2v1nf5b", m = "_1abcu7x _1y2v1nf7n _1y2v1nf5y", w = "_1abcu713 _1abcu7z _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9e _1y2v1nf5c _1y2v1nfam", h = "_1abcu711 _1abcu7z _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9e _1y2v1nf5c _1y2v1nfa8", x = {
+var a = "_1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf3k", y = "_1abcu72 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf3l", r = "_1abcu72 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf40", c = "_1abcu75 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f", u = "_1abcu7l _1abcu7b _1y2v1nf5g _1y2v1nf8i", e = "_1y2v1nf5g _1y2v1nf5p", b = "_1y2v1nf8u _1y2v1nf5b", s = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c", o = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c", l = "_1abcu7m", i = "_1abcu7n", p = "_1abcu7v _1abcu7b _1y2v1nf5g _1y2v1nf8i", d = "_1abcu713 _1y2v1nf5c _1y2v1nfb0 _1y2v1nf5g _1y2v1nf5p _1y2v1nf7n", g = "_1y2v1nf5b", m = "_1abcu7x _1y2v1nf7n _1y2v1nf5y", w = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c _1y2v1nfam", h = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c _1y2v1nfa8", x = {
     itemsPerPageMobile: "var(--_1abcu7g)",
     itemsPerPageTablet: "var(--_1abcu7h)",
     itemsPerPageDesktop: "var(--_1abcu7i)",
     gap: "var(--_1abcu7j)"
 };
-export { a as bullet, y as bulletActive, r as bulletActiveInverse, c as bulletInverse, e as carousel, u as carouselBullets, b as carouselContainer, s as carouselItem, t as carouselNextArrowButton, o as carouselPrevArrowButton, l as carouselWithScroll, i as centeredCarousel, p as slideshow, d as slideshowBullets, g as slideshowContainer, m as slideshowItem, w as slideshowNextArrowButton, h as slideshowPrevArrowButton, x as vars };
+export { a as bullet, y as bulletActive, r as bulletActiveInverse, c as bulletInverse, u as carousel, e as carouselBullets, b as carouselContainer, s as carouselItem, t as carouselNextArrowButton, o as carouselPrevArrowButton, l as carouselWithScroll, i as centeredCarousel, p as slideshow, d as slideshowBullets, g as slideshowContainer, m as slideshowItem, w as slideshowNextArrowButton, h as slideshowPrevArrowButton, x as vars };