@telefonica/mistica 15.1.0 → 15.2.1

package/dist/theme.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     NAVBAR_HEIGHT_DESKTOP: function() {
-        return u;
+        return c;
     },
     NAVBAR_HEIGHT_MOBILE: function() {
-        return c;
+        return u;
     },
     dimensions: function() {
         return V;
@@ -111,6 +111,7 @@ const l = {
     disablePasswordVisibility: "Ocultar contrase\xf1a",
     loading: "Cargando",
     linkOpensInNewTab: "Se abre en ventana nueva",
+    linkOpensInCurrentPage: "P\xe1gina actual",
     modalClose: "Cerrar",
     dialogCancelButton: "Cancelar",
     dialogAcceptButton: "Aceptar",
@@ -156,6 +157,7 @@ const l = {
     disablePasswordVisibility: "Hide password",
     loading: "Loading",
     linkOpensInNewTab: "Opens in a new window",
+    linkOpensInCurrentPage: "Current page",
     modalClose: "Close",
     dialogCancelButton: "Cancel",
     dialogAcceptButton: "Accept",
@@ -201,6 +203,7 @@ const l = {
     disablePasswordVisibility: "Passwort verbergen",
     loading: "Wird gespeichert",
     linkOpensInNewTab: "Wird in neuem Fenster ge\xf6ffnet",
+    linkOpensInCurrentPage: "Aktuelle Seite",
     modalClose: "Schlie\xdfen",
     dialogCancelButton: "Abbrechen",
     dialogAcceptButton: "Akzeptieren",
@@ -246,6 +249,7 @@ const l = {
     disablePasswordVisibility: "esconder a senha",
     loading: "Carregando",
     linkOpensInNewTab: "Abre em nova janela",
+    linkOpensInCurrentPage: "P\xe1gina atual",
     modalClose: "Fechar",
     dialogCancelButton: "Cancelar",
     dialogAcceptButton: "Aceitar",
@@ -298,9 +302,9 @@ const l = {
         default:
             return process.env.NODE_ENV !== "production" && console.error(`Invalid locale: ${e}`), i;
     }
-}, c = 56, u = 80, V = {
-    headerMobileHeight: c,
-    headerDesktopHeight: u
+}, u = 56, c = 80, V = {
+    headerMobileHeight: u,
+    headerDesktopHeight: c
 }, m = (_param)=>{
     var { to: e, innerRef: r } = _param, a = _object_without_properties(_param, [
         "to",
@@ -312,14 +316,14 @@ const l = {
     }, a), {
         children: a.children
     }));
-}, C = (e)=>e, f = (e)=>(_param)=>{
+}, C = (e)=>e, p = (e)=>(_param)=>{
         var { innerRef: r } = _param, a = _object_without_properties(_param, [
             "innerRef"
         ]);
         return /* @__PURE__ */ (0, _jsxruntime.jsx)(e, _object_spread({
             ref: r
         }, a));
-    }, p = (e)=>(_param)=>{
+    }, f = (e)=>(_param)=>{
         var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
@@ -352,9 +356,9 @@ const l = {
         case "ReactRouter5":
             return C(e.Component);
         case "ReactRouter6":
-            return f(e.Component);
-        case "Next12":
             return p(e.Component);
+        case "Next12":
+            return f(e.Component);
         case "Next13":
         case "Next14":
             return b(e.Component);

package/dist/touchable.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     BaseTouchable: function() {
-        return p;
+        return ae;
     },
     default: function() {
-        return ee;
+        return te;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -152,13 +152,14 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const P = /*#__PURE__*/ _react.forwardRef((e, t)=>{
-    const { texts: f, analytics: w, platformOverrides: E, Link: R, useHrefDecorator: x } = (0, _hooks.useTheme)(), O = x(), u = _react.useRef(!1);
+const E = /*#__PURE__*/ _react.forwardRef((e, t)=>{
+    var P;
+    const { texts: o, analytics: C, platformOverrides: O, Link: R, useHrefDecorator: x } = (0, _hooks.useTheme)(), I = x(), u = _react.useRef(!1);
     let l = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? l = e.trackingEvent : l = [
         e.trackingEvent
     ]);
-    const o = e.children, n = _object_spread({
+    const d = e.children, i = _object_spread({
         className: e.className,
         disabled: e.disabled,
         style: e.style,
@@ -172,39 +173,39 @@ const P = /*#__PURE__*/ _react.forwardRef((e, t)=>{
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), s = e.type ? e.type : "button", r = !!e.href && !!e.newTab, h = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
+    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), s = e.type ? e.type : "button", r = !!e.href && !!e.newTab, D = (P = e.href) == null ? void 0 : P.startsWith("#"), h = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
         e.stopPropagation && a.stopPropagation();
     }, g = (a)=>{
         e.onPress && e.onPress(a);
     }, y = ()=>{
         var _e_to_pathname;
-        return e.href ? O(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
-    }, k = ()=>Promise.all(l.map((a)=>w.logEvent(a))), v = (a)=>{
+        return e.href ? I(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
+    }, k = ()=>Promise.all(l.map((a)=>C.logEvent(a))), v = (a)=>{
         u.current || (u.current = !0, k().finally(()=>{
             u.current = !1, a();
         }));
-    }, C = (a)=>{
+    }, A = (a)=>{
         if (b(a), !l.length) {
             g(a);
             return;
         }
         v(()=>g(a));
-    }, D = (a)=>{
+    }, H = (a)=>{
         var T;
         b(a);
-        const d = !!(e.href && e.onNavigate);
-        !l.length && !d || (a.preventDefault(), Promise.resolve(d ? (T = e.onNavigate) == null ? void 0 : T.call(e) : void 0).finally(()=>{
+        const f = !!(e.href && e.onNavigate);
+        !l.length && !f || (a.preventDefault(), Promise.resolve(f ? (T = e.onNavigate) == null ? void 0 : T.call(e) : void 0).finally(()=>{
             v(()=>(0, _browser.redirect)(y(), r, h));
         }));
-    }, I = (a)=>{
+    }, K = (a)=>{
         b(a), e.to && e.onNavigate && e.onNavigate(), k();
     }, N = (a)=>{
         (a.key === _keys.ENTER || a.key === _keys.SPACE) && (a.preventDefault(), a.currentTarget.click());
     };
-    if (e.href || e.to && e.fullPageOnWebView && (0, _platform.isInsideNovumNativeApp)(E)) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("a", _object_spread_props(_object_spread({}, n), {
+    if (e.href || e.to && e.fullPageOnWebView && (0, _platform.isInsideNovumNativeApp)(O)) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("a", _object_spread_props(_object_spread({}, i), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
-        onClick: D,
+        onClick: H,
         onKeyDown: N,
         href: e.disabled ? void 0 : y(),
         target: (()=>{
@@ -214,29 +215,33 @@ const P = /*#__PURE__*/ _react.forwardRef((e, t)=>{
         rel: r ? "noopener noreferrer" : void 0,
         ref: t,
         children: [
-            o,
-            r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+            d,
+            r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                    children: f.linkOpensInNewTab
+                    children: o.linkOpensInNewTab
                 })
-            })
+            }) : D ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
+                    children: o.linkOpensInCurrentPage
+                })
+            }) : null
         ]
     }));
-    if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, n), {
+    if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, i), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
         innerRef: t,
         to: e.disabled ? "" : e.to,
         replace: e.replace,
-        onClick: I,
+        onClick: K,
         onKeyDown: N,
-        children: o
+        children: d
     }));
     if (e.onPress) {
-        var _e_as, _n_role;
-        const a = (_e_as = e.as) !== null && _e_as !== void 0 ? _e_as : "button", d = (_n_role = n.role) !== null && _n_role !== void 0 ? _n_role : e.as === "a" ? "button" : void 0;
-        return /*#__PURE__*/ _react.createElement(a, _object_spread_props(_object_spread({}, n), {
-            role: d,
+        var _e_as, _i_role;
+        const a = (_e_as = e.as) !== null && _e_as !== void 0 ? _e_as : "button", f = (_i_role = i.role) !== null && _i_role !== void 0 ? _i_role : e.as === "a" ? "button" : void 0;
+        return /*#__PURE__*/ _react.createElement(a, _object_spread_props(_object_spread({}, i), {
+            role: f,
             // this "form" attribute is useful when the form's submit button
             // is located outside the <form> element, for example if you use
             // a ButtonFixedFooter layout inside a form with the submit
@@ -246,26 +251,26 @@ const P = /*#__PURE__*/ _react.forwardRef((e, t)=>{
             "aria-labelledby": e["aria-labelledby"],
             type: s,
             ref: t,
-            onClick: C,
-            children: o
+            onClick: A,
+            children: d
         }));
     }
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, n), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, i), {
         ref: t,
-        className: (0, _classnames.default)(n.className, _touchablecssmistica.notTouchable),
-        children: o
+        className: (0, _classnames.default)(i.className, _touchablecssmistica.notTouchable),
+        children: d
     }));
-}), z = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(P, _object_spread_props(_object_spread({}, e), {
+}), G = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(E, _object_spread_props(_object_spread({}, e), {
         className: (0, _classnames.default)(_touchablecssmistica.touchable, e.className),
         ref: t
-    }))), p = /*#__PURE__*/ _react.forwardRef((_param, f)=>{
+    }))), ae = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
     var { resetMargin: e = !0 } = _param, t = _object_without_properties(_param, [
         "resetMargin"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(P, _object_spread_props(_object_spread({}, t), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(E, _object_spread_props(_object_spread({}, t), {
         className: (0, _classnames.default)(_touchablecssmistica.base, t.className, {
             [_touchablecssmistica.marginReset]: e
         }),
-        ref: f
+        ref: o
     }));
-}), ee = z;
+}), te = G;

package/dist-es/list.js

@@ -100,6 +100,7 @@ import { vars as Ne } from "./image.css-mistica.js";
 import { vars as N } from "./skins/skin-contract.css-mistica.js";
 import { applyCssVars as Re } from "./utils/css.js";
 import { IconButton as $, ToggleIconButton as p } from "./icon-button.js";
+import { sprinkles as Ce } from "./sprinkles.css-mistica.js";
 const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: n
     }) : n ? /* @__PURE__ */ t("div", {
@@ -109,7 +110,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             height: "100%"
         },
         children: e
-    }) : e, Ce = (param)=>{
+    }) : e, ke = (param)=>{
     let { withChevron: e, headline: n, title: r, titleAs: c, titleLinesMax: m, subtitle: g, subtitleLinesMax: v, description: A, descriptionLinesMax: M, detail: f, asset: S, type: x = "basic", badge: E, right: V, extra: l, labelId: W, disabled: o } = param;
     const j = te(), d = [
         n,
@@ -239,7 +240,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     });
-}, ke = (param)=>{
+}, Ie = (param)=>{
     let { value: e, defaultValue: n, onChange: r } = param;
     const c = e !== void 0, [m, g] = I.useState(!!n), v = ()=>{
         c || g(!m), r && r(c ? !e : !m);
@@ -251,10 +252,10 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         m,
         v
     ];
-}, Ie = (e)=>e.switch !== void 0, Pe = (e)=>e.checkbox !== void 0, Le = (e)=>e.radioValue !== void 0, Ae = (e)=>e.iconButton !== void 0, ne = /*#__PURE__*/ I.forwardRef((e, n)=>{
-    const r = oe(), c = te(), { asset: m, headline: g, title: v, titleLinesMax: A, subtitle: M, subtitleLinesMax: f, description: S, descriptionLinesMax: x, detail: E, badge: V, role: l, extra: W, dataAttributes: o } = e, j = le(), i = e.disabled || e.radioValue !== void 0 && j.disabled, d = !i && !c, u = !i && c, [G, J] = ke(e.switch || e.checkbox || {}), b = (param)=>{
+}, Pe = (e)=>e.switch !== void 0, Le = (e)=>e.checkbox !== void 0, Ae = (e)=>e.radioValue !== void 0, Ee = (e)=>e.iconButton !== void 0, ne = /*#__PURE__*/ I.forwardRef((e, n)=>{
+    const r = oe(), c = te(), { asset: m, headline: g, title: v, titleLinesMax: A, subtitle: M, subtitleLinesMax: f, description: S, descriptionLinesMax: x, detail: E, badge: V, role: l, extra: W, dataAttributes: o } = e, j = le(), i = e.disabled || e.radioValue !== void 0 && j.disabled, d = !i && !c, u = !i && c, [G, J] = Ie(e.switch || e.checkbox || {}), b = (param)=>{
         let { type: s, right: w, labelId: X } = param;
-        return /* @__PURE__ */ t(Ce, {
+        return /* @__PURE__ */ t(ke, {
             asset: m,
             headline: g,
             title: v,
@@ -283,7 +284,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         });
     };
-    if (e.onPress && !Ie(e) && !Pe(e) && !Le(e) && !Ae(e)) return /* @__PURE__ */ t(P, {
+    if (e.onPress && !Pe(e) && !Le(e) && !Ae(e) && !Ee(e)) return /* @__PURE__ */ t(P, {
         ref: n,
         className: a(k, {
             [y]: d,
@@ -523,13 +524,16 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             type: "basic"
         })
     });
-}), _e = /*#__PURE__*/ I.forwardRef((_param, c)=>{
+}), pe = /*#__PURE__*/ I.forwardRef((_param, c)=>{
     var { dataAttributes: e, role: n = "listitem" } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ t("div", {
         role: n,
+        className: Ce({
+            width: "100%"
+        }),
         children: /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, r), {
             ref: c,
             dataAttributes: _object_spread({
@@ -537,7 +541,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             }, e)
         }))
     });
-}), $e = (param)=>{
+}), et = (param)=>{
     let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: c } = param;
     const m = I.Children.count(e) - 1;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
@@ -554,7 +558,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 ]
             }, v))
     }));
-}, pe = /*#__PURE__*/ I.forwardRef((_param, r)=>{
+}, tt = /*#__PURE__*/ I.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -566,7 +570,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e),
         children: /* @__PURE__ */ t(ne, _object_spread({}, n))
     });
-}), et = (param)=>{
+}), nt = (param)=>{
     let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: c } = param;
     return /* @__PURE__ */ t(R, {
         space: 16,
@@ -578,4 +582,4 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         children: e
     });
 };
-export { pe as BoxedRow, et as BoxedRowList, Ce as Content, _e as Row, $e as RowList };
+export { tt as BoxedRow, nt as BoxedRowList, ke as Content, pe as Row, et as RowList };

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "15.1.0";
+const o = "15.2.1";
 export { o as PACKAGE_VERSION };