@telefonica/mistica 14.21.0 → 14.22.1

package/dist/sheet-root.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     SheetRoot: function() {
-        return k;
+        return C;
     },
     default: function() {
         return B;
@@ -149,41 +149,41 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-let d = null, e = null, u = null;
+let p = null, n = null, l = null;
 const m = (param)=>{
-    let { title: o , subtitle: c , description: t , selectedId: r , items: n  } = param;
-    return u({
-        title: o,
+    let { title: s , subtitle: c , description: e , selectedId: o , items: t  } = param;
+    return l({
+        title: s,
         subtitle: c,
-        description: t,
+        description: e,
         content: [
             {
                 type: "LIST",
                 id: "list-0",
                 listType: "SINGLE_SELECTION",
                 autoSubmit: !0,
-                selectedIds: typeof r == "string" ? [
-                    r
+                selectedIds: typeof o == "string" ? [
+                    o
                 ] : [],
-                items: n
+                items: t
             }
         ]
     }).then((param)=>{
-        let { action: s , result: a  } = param;
-        return s === "SUBMIT" ? {
-            action: s,
-            selectedId: a[0].selectedIds[0]
+        let { action: r , result: i  } = param;
+        return r === "SUBMIT" ? {
+            action: r,
+            selectedId: i[0].selectedIds[0]
         } : {
-            action: s,
+            action: r,
             selectedId: null
         };
     });
 }, L = (param)=>{
-    let { title: o , subtitle: c , description: t , items: r  } = param;
-    return u({
-        title: o,
+    let { title: s , subtitle: c , description: e , items: o  } = param;
+    return l({
+        title: s,
         subtitle: c,
-        description: t,
+        description: e,
         content: [
             {
                 type: "LIST",
@@ -191,26 +191,26 @@ const m = (param)=>{
                 listType: "ACTIONS",
                 autoSubmit: !0,
                 selectedIds: [],
-                items: r
+                items: o
             }
         ]
     }).then((param)=>{
-        let { action: n , result: s  } = param;
-        return n === "SUBMIT" ? {
-            action: n,
-            selectedId: s[0].selectedIds[0]
+        let { action: t , result: r  } = param;
+        return t === "SUBMIT" ? {
+            action: t,
+            selectedId: r[0].selectedIds[0]
         } : {
-            action: n,
+            action: t,
             selectedId: null
         };
     });
-}, C = function() {
+}, k = function() {
     var _ref = _async_to_generator(function*(param) {
-        let { title: o , subtitle: c , description: t , items: r  } = param;
-        yield u({
-            title: o,
+        let { title: s , subtitle: c , description: e , items: o  } = param;
+        yield l({
+            title: s,
             subtitle: c,
-            description: t,
+            description: e,
             content: [
                 {
                     type: "LIST",
@@ -218,37 +218,37 @@ const m = (param)=>{
                     listType: "INFORMATIVE",
                     autoSubmit: !1,
                     selectedIds: [],
-                    items: r
+                    items: o
                 }
             ]
         });
     });
-    return function C(_) {
+    return function k(_) {
         return _ref.apply(this, arguments);
     };
-}(), M = function() {
+}(), b = function() {
     var _ref = _async_to_generator(function*(param) {
-        let { title: o , subtitle: c , description: t , button: r , secondaryButton: n , link: s  } = param;
-        return u({
-            title: o,
+        let { title: s , subtitle: c , description: e , button: o , secondaryButton: t , link: r  } = param;
+        return l({
+            title: s,
             subtitle: c,
-            description: t,
+            description: e,
             content: [
                 {
                     type: "BOTTOM_ACTIONS",
                     id: "bottom-actions-0",
-                    button: r,
-                    secondaryButton: n,
-                    link: s
+                    button: o,
+                    secondaryButton: t,
+                    link: r
                 }
             ]
         }).then((param)=>{
-            let { action: a , result: i  } = param;
-            if (a === "SUBMIT") {
-                const p = i.find((param)=>{
+            let { action: i , result: a  } = param;
+            if (i === "SUBMIT") {
+                const d = a.find((param)=>{
                     let { id: T  } = param;
                     return T === "bottom-actions-0";
-                }), I = p == null ? void 0 : p.selectedIds[0];
+                }), I = d == null ? void 0 : d.selectedIds[0];
                 if (I === "PRIMARY" || I === "SECONDARY" || I === "LINK") return {
                     action: I
                 };
@@ -258,113 +258,124 @@ const m = (param)=>{
             };
         });
     });
-    return function M(_) {
+    return function b(_) {
         return _ref.apply(this, arguments);
     };
 }();
 let f = !1;
-const _ = (o)=>{
-    if (u) {
-        const { type: t , props: r  } = o;
-        switch(t){
+const _ = (s)=>{
+    const c = ()=>{
+        if (!p) return Promise.reject(new Error("Tried to show a Sheet but the SheetRoot component was not mounted"));
+        if (f) return Promise.reject(new Error("Tried to show a Sheet but there is already one open"));
+        f = !0, p(s);
+        const e = new Promise((o)=>{
+            n = o;
+        });
+        return e.finally(()=>{
+            f = !1;
+        }), e;
+    };
+    if (l) {
+        let e;
+        const { type: o , props: t  } = s;
+        switch(o){
             case "INFO":
-                return C(r);
+                e = k(t);
+                break;
             case "ACTIONS_LIST":
-                return L(r);
+                e = L(t);
+                break;
             case "RADIO_LIST":
-                return m(r);
+                e = m(t);
+                break;
             case "ACTIONS":
-                return M(r);
+                e = b(t);
+                break;
             default:
-                const n = t;
-                throw new Error(`Unknown sheet type: ${n}`);
+                const r = o;
+                throw new Error(`Unknown sheet type: ${r}`);
         }
-    }
-    if (!d) return Promise.reject(new Error("Tried to show a Sheet but the SheetRoot component was not mounted"));
-    if (f) return Promise.reject(new Error("Tried to show a Sheet but there is already one open"));
-    f = !0, d(o);
-    const c = new Promise((t)=>{
-        e = t;
-    });
-    return c.then(()=>{
-        f = !1;
-    }), c;
-}, k = (o)=>{
-    const { isDarkMode: c  } = (0, _hooks.useTheme)(), [t, r] = _react.useState(null), n = _react.useRef(null);
+        return e.catch((r)=>{
+            if (r.code === "400") return c();
+            throw r;
+        });
+    } else return c();
+}, C = (s)=>{
+    const { isDarkMode: c  } = (0, _hooks.useTheme)(), [e, o] = _react.useState(null), t = _react.useRef(null);
     if (_react.useEffect(()=>{
-        if (o.nativeImplementation) return u = o.nativeImplementation, ()=>{
-            u = null;
+        if (s.nativeImplementation) return l = s.nativeImplementation, ()=>{
+            l = null;
         };
     }, [
-        o.nativeImplementation
-    ]), _react.useEffect(()=>(d = (i)=>{
-            n.current = null, r(i);
+        s.nativeImplementation
+    ]), _react.useEffect(()=>(p = (a)=>{
+            t.current = null, o(a);
         }, ()=>{
-            d = null;
-        }), []), !t || o.nativeImplementation) return null;
-    const s = ()=>{
-        switch(r(null), t.type){
+            p = null;
+        }), []), !e) return null;
+    const r = ()=>{
+        switch(o(null), e.type){
             case "INFO":
-                e == null || e(void 0);
+                n == null || n(void 0);
                 break;
             case "ACTIONS_LIST":
-                n.current ? e == null || e({
+                t.current ? n == null || n({
                     action: "SUBMIT",
-                    selectedId: n.current
-                }) : e == null || e({
+                    selectedId: t.current
+                }) : n == null || n({
                     action: "DISMISS"
                 });
                 break;
             case "RADIO_LIST":
-                n.current ? e == null || e({
+                t.current ? n == null || n({
                     action: "SUBMIT",
-                    selectedId: n.current
-                }) : e == null || e({
+                    selectedId: t.current
+                }) : n == null || n({
                     action: "DISMISS"
                 });
                 break;
             case "ACTIONS":
-                n.current === "PRIMARY" || n.current === "SECONDARY" || n.current === "LINK" ? e == null || e({
-                    action: n.current
-                }) : e == null || e({
+                t.current === "PRIMARY" || t.current === "SECONDARY" || t.current === "LINK" ? n == null || n({
+                    action: t.current
+                }) : n == null || n({
                     action: "DISMISS"
                 });
                 break;
             default:
-                throw new Error(`Unknown sheet type: ${t.type}`);
+                throw new Error(`Unknown sheet type: ${e.type}`);
         }
-    }, a = (i)=>{
-        n.current = i;
+    }, i = (a)=>{
+        t.current = a;
     };
-    switch(t.type){
+    switch(e.type){
         case "INFO":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheet.InfoSheet, _object_spread_props(_object_spread({}, t.props), {
-                onClose: s
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheet.InfoSheet, _object_spread_props(_object_spread({}, e.props), {
+                onClose: r
             }));
         case "ACTIONS_LIST":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheet.ActionsListSheet, _object_spread_props(_object_spread({}, t.props), {
-                onClose: s,
-                onSelect: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheet.ActionsListSheet, _object_spread_props(_object_spread({}, e.props), {
+                onClose: r,
+                onSelect: i
             }));
         case "RADIO_LIST":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheet.RadioListSheet, _object_spread_props(_object_spread({}, t.props), {
-                items: t.props.items.map((i)=>_object_spread_props(_object_spread({}, i), {
-                        asset: i.icon && /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheet.RadioListSheet, _object_spread_props(_object_spread({}, e.props), {
+                items: e.props.items.map((a)=>_object_spread_props(_object_spread({}, a), {
+                        asset: a.icon && /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
                             circular: !0,
-                            src: c && i.icon.urlDark ? i.icon.urlDark : i.icon.url,
-                            width: i.icon.size === "small" ? 24 : 40
+                            src: c && a.icon.urlDark ? a.icon.urlDark : a.icon.url,
+                            width: a.icon.size === "small" ? 24 : 40
                         })
                     })),
-                onClose: s,
-                onSelect: a
+                onClose: r,
+                onSelect: i
             }));
         case "ACTIONS":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheet.ActionsSheet, _object_spread_props(_object_spread({}, t.props), {
-                buttonLink: t.props.link,
-                onClose: s,
-                onPressButton: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheet.ActionsSheet, _object_spread_props(_object_spread({}, e.props), {
+                buttonLink: e.props.link,
+                onClose: r,
+                onPressButton: i
             }));
         default:
-            throw new Error(`Unknown sheet type: ${t.type}`);
+            throw new Error(`Unknown sheet type: ${e.type}`);
     }
-}, B = k;
+}, B = C;

package/dist/text.d.ts

@@ -10,7 +10,7 @@ export interface TextPresetProps {
     truncate?: boolean | number;
     wordBreak?: boolean;
     hyphens?: 'auto' | 'manual' | 'none';
-    textAlign?: 'center';
+    textAlign?: 'center' | 'right';
     id?: string;
     as?: React.ComponentType<any> | string;
     role?: string;

package/dist/text.js

@@ -13,16 +13,16 @@ _export(exports, {
         return n;
     },
     Text1: function() {
-        return ge;
+        return le;
     },
     Text10: function() {
         return oe;
     },
     Text2: function() {
-        return le;
+        return pe;
     },
     Text3: function() {
-        return pe;
+        return he;
     },
     Text4: function() {
         return xe;
@@ -43,7 +43,7 @@ _export(exports, {
         return ne;
     },
     default: function() {
-        return he;
+        return ge;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -185,21 +185,21 @@ const J = {
     medium: 500,
     bold: 700
 }, K = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
-    let { weight: e , color: i = _skincontractcssmistica.vars.colors.textPrimary , decoration: t , truncate: o , transform: g , wordBreak: c = !0 , hyphens: S , as: z = "span" , children: h , size: u , mobileSize: d = u , desktopSize: b = u , lineHeight: T , mobileLineHeight: f = T , desktopLineHeight: k = T , letterSpacing: w , textAlign: H , textShadow: v , id: A , role: P , "aria-level": y , dataAttributes: I  } = param;
+    let { weight: e , color: i = _skincontractcssmistica.vars.colors.textPrimary , decoration: t , truncate: o , transform: l , wordBreak: c = !0 , hyphens: S , as: z = "span" , children: g , size: u , mobileSize: d = u , desktopSize: b = u , lineHeight: T , mobileLineHeight: f = T , desktopLineHeight: k = T , letterSpacing: w , textAlign: H , textShadow: v , id: A , role: P , "aria-level": y , dataAttributes: I  } = param;
     const W = (0, _themevariantcontext.useIsInverseVariant)(), V = K(o), C = {
         [_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
         [_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
         [_skincontractcssmistica.vars.colors.textLink]: _skincontractcssmistica.vars.colors.textLinkInverse
     };
-    if (!h && h !== 0) return null;
+    if (!g && g !== 0) return null;
     const D = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
         [_textcssmistica.truncateToOneLine]: o === 1 || o === !0,
         [_textcssmistica.truncateToMoreThanOneLine]: o && o > 1
     }), M = (0, _dynamic.assignInlineVars)({
-        [_textcssmistica.vars.mobileSize]: d ? (0, _css.pxToRem)(d) : "",
-        [_textcssmistica.vars.mobileLineHeight]: f ? (0, _css.pxToRem)(f) : "",
-        [_textcssmistica.vars.desktopSize]: b ? (0, _css.pxToRem)(b) : "",
-        [_textcssmistica.vars.desktopLineHeight]: k ? (0, _css.pxToRem)(k) : ""
+        [_textcssmistica.vars.mobileSize]: d ? (0, _css.pxToRem)(d) : "inherit",
+        [_textcssmistica.vars.mobileLineHeight]: f ? (0, _css.pxToRem)(f) : "inherit",
+        [_textcssmistica.vars.desktopSize]: b ? (0, _css.pxToRem)(b) : "inherit",
+        [_textcssmistica.vars.desktopLineHeight]: k ? (0, _css.pxToRem)(k) : "inherit"
     }), O = o ? (0, _dynamic.assignInlineVars)({
         [_textcssmistica.vars.lineClamp]: String(V)
     }) : {};
@@ -214,21 +214,21 @@ const J = {
             hyphens: S,
             letterSpacing: w,
             fontWeight: e ? J[e] : "inherit",
-            textTransform: g || "inherit",
+            textTransform: l || "inherit",
             textDecoration: t !== null && t !== void 0 ? t : "inherit",
             overflowWrap: c ? "anywhere" : "inherit",
             color: W ? (_C_i = C[i]) !== null && _C_i !== void 0 ? _C_i : i : i,
             textAlign: H,
             textShadow: v
         })
-    }), h);
-}, l = (e)=>{
+    }), g);
+}, p = (e)=>{
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
     if (e.weight) return e.weight;
 }, s = (param)=>{
-    let { forceMobileSizes: e , mobileSize: i , mobileLineHeight: t , desktopSize: o , desktopLineHeight: g  } = param;
+    let { forceMobileSizes: e , mobileSize: i , mobileLineHeight: t , desktopSize: o , desktopLineHeight: l  } = param;
     return e ? {
         size: i,
         lineHeight: t
@@ -236,7 +236,7 @@ const J = {
         mobileSize: i,
         mobileLineHeight: t,
         desktopSize: o,
-        desktopLineHeight: g
+        desktopLineHeight: l
     };
 }, oe = (_param)=>{
     var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
@@ -358,12 +358,12 @@ const J = {
         desktopSize: 20,
         desktopLineHeight: "28px"
     })), {
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _object_spread({
             "component-name": "Text4"
         }, e)
     }), t));
-}, pe = (_param)=>/* @__PURE__ */ {
+}, he = (_param)=>/* @__PURE__ */ {
     var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -375,12 +375,12 @@ const J = {
         desktopSize: 18,
         desktopLineHeight: "24px"
     })), {
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _object_spread({
             "component-name": "Text3"
         }, e)
     }), t));
-}, le = (_param)=>/* @__PURE__ */ {
+}, pe = (_param)=>/* @__PURE__ */ {
     var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -392,12 +392,12 @@ const J = {
         desktopSize: 16,
         desktopLineHeight: "24px"
     })), {
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _object_spread({
             "component-name": "Text2"
         }, e)
     }), t));
-}, ge = (_param)=>/* @__PURE__ */ {
+}, le = (_param)=>/* @__PURE__ */ {
     var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -409,9 +409,9 @@ const J = {
         desktopSize: 14,
         desktopLineHeight: "20px"
     })), {
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _object_spread({
             "component-name": "Text1"
         }, e)
     }), t));
-}, he = n;
+}, ge = n;

package/dist/theme.d.ts

@@ -42,6 +42,7 @@ declare const TEXTS_ES: {
 export declare const getTexts: (locale: Locale) => typeof TEXTS_ES;
 export declare const NAVBAR_HEIGHT_MOBILE = 56;
 export declare const NAVBAR_HEIGHT_DESKTOP = 80;
+export declare const NAVBAR_HEIGHT_DESKTOP_LARGE: number;
 export declare const dimensions: {
     headerMobileHeight: number;
     headerDesktopHeight: number;

package/dist/tooltip.css-mistica.js

@@ -37,13 +37,13 @@ _export(exports, {
         return o;
     },
     enterDone: function() {
-        return y;
+        return x;
     },
     exit: function() {
-        return h;
+        return y;
     },
     exitActive: function() {
-        return x;
+        return h;
     },
     fadeInBottomKeyframes: function() {
         return m;
@@ -54,20 +54,23 @@ _export(exports, {
     fadeInXKeyframes: function() {
         return d;
     },
-    vars: function() {
+    textAlign: function() {
         return w;
     },
-    wrapper: function() {
+    vars: function() {
         return c;
+    },
+    wrapper: function() {
+        return s;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tooltip.css.ts.vanilla.css-mistica.js");
-var v = "_1xhatbpb _1y2v1nfb0 _1y2v1nfeb _1y2v1nfby _1y2v1nfce _1y2v1nfdp _1y2v1nf31 _1y2v1nfdm", t = "_1xhatbpe", _ = "_1xhatbpf", e = "_1xhatbpd", n = "_1xhatbpc", f = "_1y2v1nfb0 _1y2v1nfc1 _1y2v1nfce _1y2v1nfe5 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb0 _1y2v1nfev _1y2v1nfbt _1y2v1nfdy _1y2v1nfdm", b = "_1xhatbpk", o = "_1xhatbpl", y = "_1xhatbpm", h = "_1xhatbpn", x = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", d = "_1xhatbp8", w = {
+var v = "_1xhatbpb _1y2v1nfb0 _1y2v1nfeb _1y2v1nfby _1y2v1nfce _1y2v1nfdp _1y2v1nf31 _1y2v1nfdm", t = "_1xhatbpe", _ = "_1xhatbpf", e = "_1xhatbpd", n = "_1xhatbpc", f = "_1y2v1nfb0 _1y2v1nfc1 _1y2v1nfce _1y2v1nfe5 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb0 _1y2v1nfev _1y2v1nfbt _1y2v1nfdy _1y2v1nfdm", b = "_1xhatbpl", o = "_1xhatbpm", x = "_1xhatbpn", y = "_1xhatbpo", h = "_1xhatbpp", m = "_1xhatbp6", i = "_1xhatbp7", d = "_1xhatbp8", w = "_1xhatbpk", c = {
     shadowAlpha: "var(--_1xhatbp0)",
     enterTransform: "var(--_1xhatbp1)",
     enterDoneTransform: "var(--_1xhatbp2)",
     exitTransform: "var(--_1xhatbp3)",
     enterActiveAnimationName: "var(--_1xhatbp4)",
     arrowBoxShadow: "var(--_1xhatbp5)"
-}, c = "_1y2v1nfb9";
+}, s = "_1y2v1nfb9";

package/dist/tooltip.css.d.ts

@@ -17,7 +17,9 @@ export declare const arrowBottom: string;
 export declare const arrowLeft: string;
 export declare const arrowWrapper: string;
 export declare const wrapper: string;
+export declare const tooltipMinWidth = 40;
 export declare const container: string;
+export declare const textAlign: string;
 export declare const enter: string;
 export declare const enterActive: string;
 export declare const enterDone: string;

package/dist/tooltip.d.ts

@@ -12,6 +12,8 @@ type Props = {
     targetLabel: string;
     delay?: boolean;
     dataAttributes?: DataAttributes;
+    targetStyle?: React.CSSProperties;
+    unstable_offsetX?: number;
 };
 declare const Tooltip: React.FC<Props>;
 export default Tooltip;