@telefonica/mistica 16.1.1 → 16.3.0

package/dist/timer.js

@@ -11,16 +11,15 @@ function _export(target, all) {
 }
 _export(exports, {
     TextTimer: function() {
-        return Oe;
+        return Re;
     },
     Timer: function() {
-        return Ee;
+        return _e;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _hooks = require("./hooks.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
 const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./screen-reader-only.js"));
@@ -129,7 +128,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s, a, o, i)=>{
+const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, ge = $ * P, H = (s, a, o, i)=>{
     a = i === "none" && a === "days" ? "hours" : a, o = i === "none" && o === "days" ? "hours" : o;
     const c = [
         "seconds",
@@ -168,20 +167,20 @@ const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s,
     }, [
         s
     ]);
-    const e = H("days", o, i, a), t = H("hours", o, i, a), p = H("minutes", o, i, a), l = e ? "days" : t ? "hours" : p ? "minutes" : "seconds", g = Math.floor(L / P) % 24, M = Math.floor(L / Z) % 60, D = Math.floor(L / C) % 60, h = Math.floor(L / Se), S = l === "hours" ? g + h * $ : g, f = l === "minutes" ? M + V * (h * $ + S) : M, r = l === "seconds" ? D + X * (h * $ * V + S * V + f) : D, [n, d] = _react.useState(W({
+    const e = H("days", o, i, a), t = H("hours", o, i, a), p = H("minutes", o, i, a), l = e ? "days" : t ? "hours" : p ? "minutes" : "seconds", g = Math.floor(L / P) % 24, M = Math.floor(L / Z) % 60, D = Math.floor(L / C) % 60, h = Math.floor(L / ge), S = l === "hours" ? g + h * $ : g, y = l === "minutes" ? M + V * (h * $ + S) : M, n = l === "seconds" ? D + X * (h * $ * V + S * V + y) : D, [r, d] = _react.useState(W({
         days: h,
         hours: S,
-        minutes: f,
-        seconds: r
+        minutes: y,
+        seconds: n
     }, o, i, a));
     return _react.useEffect(()=>{
         const u = W({
             days: h,
             hours: S,
-            minutes: f,
-            seconds: r
+            minutes: y,
+            seconds: n
         }, o, i, a);
-        if (!(0, _helpers.isEqual)(u, n)) {
+        if (!(0, _helpers.isEqual)(u, r)) {
             d(u);
             const N = {};
             u.forEach((I)=>N[I.unit] = I.value), c == null || c(N);
@@ -189,15 +188,15 @@ const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s,
     }, [
         h,
         S,
-        f,
-        r,
+        y,
+        n,
         a,
         o,
         i,
-        n,
+        r,
         c
-    ]), n;
-}, Oe = (param)=>{
+    ]), r;
+}, Re = (param)=>{
     let { endTimestamp: s, labelType: a = "none", minTimeUnit: o, maxTimeUnit: i, onProgress: c, dataAttributes: L, "aria-label": b } = param;
     const { texts: e, t } = (0, _hooks.useTheme)(), p = _react.useId(), l = U({
         endTimestamp: s,
@@ -220,50 +219,50 @@ const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s,
         hours: e.timerHoursLongLabel || t(_texttokens.timerHoursLongLabel),
         minutes: e.timerMinutesLongLabel || t(_texttokens.timerMinutesLongLabel),
         seconds: e.timerSecondsLongLabel || t(_texttokens.timerSecondsLongLabel)
-    }, h = (r)=>{
-        const n = Math.max(String(r).length, a === "long" ? 1 : 2);
+    }, h = (n)=>{
+        const r = Math.max(String(n).length, a === "long" ? 1 : 2);
         return /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
             className: _timercssmistica.unitContainer,
             style: {
-                minWidth: `${n}ch`
+                minWidth: `${r}ch`
             },
-            children: String(r).padStart(n, "0")
+            children: String(n).padStart(r, "0")
         });
     }, S = ()=>{
         switch(a){
             case "none":
-                return l.map((r, n)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                return l.map((n, r)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
-                            n > 0 && ":",
-                            h(r.value)
+                            r > 0 && ":",
+                            h(n.value)
                         ]
-                    }, n));
+                    }, r));
             case "short":
-                return l.map((r, n)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                return l.map((n, r)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
-                            n > 0 && " ",
+                            r > 0 && " ",
                             /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", {
                                 className: _timercssmistica.shortLabelText,
                                 children: [
-                                    h(r.value),
-                                    ` ${g[r.unit]}`
+                                    h(n.value),
+                                    ` ${g[n.unit]}`
                                 ]
                             })
                         ]
-                    }, n));
+                    }, r));
             case "long":
             default:
-                return l.map((r, n)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                return l.map((n, r)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
-                            n > 0 && " ",
-                            h(r.value),
-                            ` ${r.value === 1 ? M[r.unit] : D[r.unit]}`,
-                            n === l.length - 2 && ` ${e.timerAnd || t(_texttokens.timerAnd)}`,
-                            n < l.length - 2 && ","
+                            r > 0 && " ",
+                            h(n.value),
+                            ` ${n.value === 1 ? M[n.unit] : D[n.unit]}`,
+                            r === l.length - 2 && ` ${e.timerAnd || t(_texttokens.timerAnd)}`,
+                            r < l.length - 2 && ","
                         ]
-                    }, n));
+                    }, r));
         }
-    }, f = l.map((r, n)=>`${r.value} ${r.value === 1 ? M[r.unit] : D[r.unit]}${n === l.length - 1 ? "" : n === l.length - 2 ? ` ${e.timerAnd || t(_texttokens.timerAnd)} ` : ", "}`).join("");
+    }, y = l.map((n, r)=>`${n.value} ${n.value === 1 ? M[n.unit] : D[n.unit]}${r === l.length - 1 ? "" : r === l.length - 2 ? ` ${e.timerAnd || t(_texttokens.timerAnd)} ` : ", "}`).join("");
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", _object_spread_props(_object_spread({
         role: "timer",
         "aria-labelledby": p,
@@ -277,7 +276,7 @@ const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
                     id: p,
-                    children: b ? `${b}. ${f}` : f
+                    children: b ? `${b}. ${y}` : y
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
@@ -287,7 +286,7 @@ const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s,
             })
         ]
     }));
-}, Ee = (param)=>{
+}, _e = (param)=>{
     let { boxed: s, endTimestamp: a, minTimeUnit: o, maxTimeUnit: i, onProgress: c, dataAttributes: L, "aria-label": b } = param;
     const { texts: e, t } = (0, _hooks.useTheme)(), p = _react.useId(), l = (0, _themevariantcontext.useThemeVariant)(), g = U({
         endTimestamp: a,
@@ -314,7 +313,7 @@ const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s,
         hours: e.timerHoursLongLabel || t(_texttokens.timerHoursLongLabel),
         minutes: e.timerMinutesLongLabel || t(_texttokens.timerMinutesLongLabel),
         seconds: e.timerSecondsLongLabel || t(_texttokens.timerSecondsLongLabel)
-    }, f = (d)=>{
+    }, y = (d)=>{
         const u = Math.max(String(d).length, 2);
         return /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -325,7 +324,7 @@ const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s,
                 children: String(d).padStart(u, "0")
             })
         });
-    }, r = g.map((d, u)=>`${d.value} ${d.value === 1 ? h[d.unit] : S[d.unit]}${u === g.length - 1 ? "" : u === g.length - 2 ? ` ${e.timerAnd || t(_texttokens.timerAnd)} ` : ", "}`).join(""), n = ()=>g.map((d, u)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    }, n = g.map((d, u)=>`${d.value} ${d.value === 1 ? h[d.unit] : S[d.unit]}${u === g.length - 1 ? "" : u === g.length - 2 ? ` ${e.timerAnd || t(_texttokens.timerAnd)} ` : ", "}`).join(""), r = ()=>g.map((d, u)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)({
                     [_timercssmistica.boxedTimerValueContainer[l]]: s
                 }),
@@ -336,7 +335,7 @@ const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s,
                             [_timercssmistica.boxedTimerDisplayValue]: s
                         }),
                         children: [
-                            f(d.value),
+                            y(d.value),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                 regular: !0,
                                 children: d.value === 1 ? M[d.unit] : D[d.unit]
@@ -354,7 +353,7 @@ const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
                     id: p,
-                    children: b ? `${b}. ${r}` : r
+                    children: b ? `${b}. ${n}` : n
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -362,7 +361,7 @@ const $ = 24, V = 60, X = 60, C = 1e3, Z = X * C, P = V * Z, Se = $ * P, H = (s,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
                     space: s ? 8 : 16,
                     wrap: !0,
-                    children: n()
+                    children: r()
                 })
             })
         ]

package/dist/title.js

@@ -11,20 +11,21 @@ function _export(target, all) {
 }
 _export(exports, {
     Title1: function() {
-        return L;
+        return S;
     },
     Title2: function() {
-        return S;
+        return j;
     },
     Title3: function() {
-        return j;
+        return v;
     },
     Title4: function() {
-        return v;
+        return y;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _text = /*#__PURE__*/ _interop_require_wildcard(require("./text.js"));
+const _textprops = require("./text-props.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
@@ -148,7 +149,7 @@ const m = (param)=>{
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(o)), {
         children: e
     }));
-}, L = (param)=>{
+}, S = (param)=>{
     let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
     const { textPresets: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
@@ -166,14 +167,14 @@ const m = (param)=>{
             "component-name": "Title1"
         }, s)
     });
-}, S = (param)=>{
+}, j = (param)=>{
     let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
     const { textPresets: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.default, _object_spread_props(_object_spread({
             as: i,
             id: o
-        }, _text.textProps.text3), {
+        }, _textprops.text3), {
             weight: n.title2.weight,
             children: e
         })),
@@ -182,7 +183,7 @@ const m = (param)=>{
             "component-name": "Title2"
         }, s)
     });
-}, j = (param)=>{
+}, v = (param)=>{
     let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
     const { textPresets: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
@@ -201,7 +202,7 @@ const m = (param)=>{
             "component-name": "Title3"
         }, s)
     });
-}, v = (param)=>{
+}, y = (param)=>{
     let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {

package/dist/tooltip.d.ts

@@ -6,6 +6,7 @@ type Props = {
     extra?: React.ReactNode;
     description?: string;
     target: React.ReactNode;
+    targetStyle?: React.CSSProperties;
     title?: string;
     position?: Position;
     width?: number;
@@ -17,6 +18,7 @@ type Props = {
 type BaseTooltipProps = {
     content?: React.ReactNode;
     target: React.ReactNode;
+    targetStyle?: React.CSSProperties;
     position?: Position;
     width?: number;
     delay?: boolean;
@@ -28,6 +30,6 @@ type BaseTooltipProps = {
     closeButtonLabel?: string;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
 };
-export declare const BaseTooltip: ({ content, target, width, position, dataAttributes, delay, centerContent, open, onClose, closeButtonLabel, hasPointerInteractionOnly, trackingEvent, }: BaseTooltipProps) => JSX.Element;
+export declare const BaseTooltip: ({ content, target, targetStyle, width, position, dataAttributes, delay, centerContent, open, onClose, closeButtonLabel, hasPointerInteractionOnly, trackingEvent, }: BaseTooltipProps) => JSX.Element;
 declare const Tooltip: ({ centerContent, extra, children, dataAttributes, title, description, ...props }: Props) => JSX.Element;
 export default Tooltip;