@telefonica/mistica 13.4.0 → 13.6.0

package/dist-es/text.js

@@ -77,206 +77,249 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import * as O from "react";
-import R from "classnames";
-import { assignInlineVars as k } from "@vanilla-extract/dynamic";
-import { useIsInverseVariant as j } from "./theme-variant-context.js";
-import { pxToRem as x } from "./utils/css.js";
-import { getPrefixedDataAttributes as B } from "./utils/dom.js";
-import { useTheme as m } from "./hooks.js";
-import { vars as r } from "./skins/skin-contract.css-mistica.js";
-import { text as E, withWordBreak as N, withoutWordBreak as $, truncateToOneLine as q, truncateToMoreThanOneLine as F, vars as a } from "./text.css-mistica.js";
-import { jsx as o } from "./_virtual/jsx-runtime.js";
-const G = {
+import * as j from "react";
+import B from "classnames";
+import { assignInlineVars as f } from "@vanilla-extract/dynamic";
+import { useIsInverseVariant as E } from "./theme-variant-context.js";
+import { pxToRem as p } from "./utils/css.js";
+import { getPrefixedDataAttributes as N } from "./utils/dom.js";
+import { useTheme as x } from "./hooks.js";
+import { vars as m } from "./skins/skin-contract.css-mistica.js";
+import { text as $, withWordBreak as q, withoutWordBreak as F, truncateToOneLine as G, truncateToMoreThanOneLine as J, vars as a } from "./text.css-mistica.js";
+import { jsx as n } from "./_virtual/jsx-runtime.js";
+const K = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, J = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
-    let { weight: e , color: t = r.colors.textPrimary , decoration: i , truncate: s , transform: L , wordBreak: g = !0 , hyphens: f , as: z = "span" , children: l , size: h , mobileSize: c = h , desktopSize: u = h , lineHeight: d , mobileLineHeight: b = d , desktopLineHeight: T = d , letterSpacing: w , textAlign: H , id: v , role: A , "aria-level": P , dataAttributes: y  } = param;
+}, Q = (e)=>e === !0 ? 1 : e || "initial", r = (param)=>{
+    let { weight: e , color: i = m.colors.textPrimary , decoration: t , truncate: o , transform: g , wordBreak: c = !0 , hyphens: z , as: H = "span" , children: h , size: u , mobileSize: d = u , desktopSize: b = u , lineHeight: T , mobileLineHeight: k = T , desktopLineHeight: L = T , letterSpacing: w , textAlign: v , textShadow: A , id: P , role: y , "aria-level": I , dataAttributes: W  } = param;
     var S;
-    const I = j(), W = J(s), V = {
-        [r.colors.textPrimary]: r.colors.textPrimaryInverse,
-        [r.colors.textSecondary]: r.colors.textSecondaryInverse,
-        [r.colors.textLink]: r.colors.textLinkInverse
+    const V = E(), C = Q(o), D = {
+        [m.colors.textPrimary]: m.colors.textPrimaryInverse,
+        [m.colors.textSecondary]: m.colors.textSecondaryInverse,
+        [m.colors.textLink]: m.colors.textLinkInverse
     };
-    if (!l && l !== 0) return null;
-    const C = R(E, g ? N : $, {
-        [q]: s === 1 || s === !0,
-        [F]: s && s > 1
-    }), D = k({
-        [a.mobileSize]: c ? x(c) : "",
-        [a.mobileLineHeight]: b ? x(b) : "",
-        [a.desktopSize]: u ? x(u) : "",
-        [a.desktopLineHeight]: T ? x(T) : ""
-    }), M = s ? k({
-        [a.lineClamp]: String(W)
+    if (!h && h !== 0) return null;
+    const M = B($, c ? q : F, {
+        [G]: o === 1 || o === !0,
+        [J]: o && o > 1
+    }), O = f({
+        [a.mobileSize]: d ? p(d) : "",
+        [a.mobileLineHeight]: k ? p(k) : "",
+        [a.desktopSize]: b ? p(b) : "",
+        [a.desktopLineHeight]: L ? p(L) : ""
+    }), R = o ? f({
+        [a.lineClamp]: String(C)
     }) : {};
-    return /*#__PURE__*/ O.createElement(z, _objectSpreadProps(_objectSpread({
-        className: C,
-        id: v,
-        role: A,
-        "aria-level": P
-    }, B(y)), {
-        style: _objectSpreadProps(_objectSpread({}, D, M), {
-            hyphens: f,
+    return /*#__PURE__*/ j.createElement(H, _objectSpreadProps(_objectSpread({
+        className: M,
+        id: P,
+        role: y,
+        "aria-level": I
+    }, N(W)), {
+        style: _objectSpreadProps(_objectSpread({}, O, R), {
+            hyphens: z,
             letterSpacing: w,
-            fontWeight: e ? G[e] : "inherit",
-            textTransform: L || "inherit",
-            textDecoration: i != null ? i : "inherit",
-            overflowWrap: g ? "anywhere" : "inherit",
-            color: I && (S = V[t]) != null ? S : t,
-            textAlign: H
+            fontWeight: e ? K[e] : "inherit",
+            textTransform: g || "inherit",
+            textDecoration: t != null ? t : "inherit",
+            overflowWrap: c ? "anywhere" : "inherit",
+            color: V && (S = D[i]) != null ? S : i,
+            textAlign: v,
+            textShadow: A
         })
-    }), l);
-}, p = (e)=>{
+    }), h);
+}, l = (e)=>{
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
-}, ie = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+}, s = (param)=>{
+    let { forceMobileSizes: e , mobileSize: i , mobileLineHeight: t , desktopSize: o , desktopLineHeight: g  } = param;
+    return e ? {
+        size: i,
+        lineHeight: t
+    } : {
+        mobileSize: i,
+        mobileLineHeight: t,
+        desktopSize: o,
+        desktopLineHeight: g
+    };
+}, ne = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = m();
-    return /* @__PURE__ */ o(n, _objectSpread({
+    const { textPresets: o  } = x();
+    return /* @__PURE__ */ n(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 48,
         mobileLineHeight: "56px",
         desktopSize: 64,
-        desktopLineHeight: "72px",
-        weight: i.text10.weight,
+        desktopLineHeight: "72px"
+    })), {
+        weight: o.text10.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text10"
         }, e)
-    }, t));
-}, oe = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, re = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = m();
-    return /* @__PURE__ */ o(n, _objectSpread({
+    const { textPresets: o  } = x();
+    return /* @__PURE__ */ n(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 40,
         mobileLineHeight: "48px",
         desktopSize: 56,
-        desktopLineHeight: "64px",
-        weight: i.text9.weight,
+        desktopLineHeight: "64px"
+    })), {
+        weight: o.text9.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text9"
         }, e)
-    }, t));
-}, ne = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, se = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = m();
-    return /* @__PURE__ */ o(n, _objectSpread({
+    const { textPresets: o  } = x();
+    return /* @__PURE__ */ n(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 32,
         mobileLineHeight: "40px",
         desktopSize: 48,
-        desktopLineHeight: "56px",
-        weight: i.text8.weight,
+        desktopLineHeight: "56px"
+    })), {
+        weight: o.text8.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text8"
         }, e)
-    }, t));
-}, re = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, me = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = m();
-    return /* @__PURE__ */ o(n, _objectSpread({
+    const { textPresets: o  } = x();
+    return /* @__PURE__ */ n(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 28,
         mobileLineHeight: "32px",
         desktopSize: 40,
-        desktopLineHeight: "48px",
-        weight: i.text7.weight,
+        desktopLineHeight: "48px"
+    })), {
+        weight: o.text7.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text7"
         }, e)
-    }, t));
-}, se = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, xe = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = m();
-    return /* @__PURE__ */ o(n, _objectSpread({
+    const { textPresets: o  } = x();
+    return /* @__PURE__ */ n(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 24,
         mobileLineHeight: "32px",
         desktopSize: 32,
-        desktopLineHeight: "40px",
-        weight: i.text6.weight,
+        desktopLineHeight: "40px"
+    })), {
+        weight: o.text6.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text6"
         }, e)
-    }, t));
-}, me = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, ae = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = m();
-    return /* @__PURE__ */ o(n, _objectSpread({
+    const { textPresets: o  } = x();
+    return /* @__PURE__ */ n(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 20,
         mobileLineHeight: "24px",
         desktopSize: 28,
-        desktopLineHeight: "32px",
-        weight: i.text5.weight,
+        desktopLineHeight: "32px"
+    })), {
+        weight: o.text5.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text5"
         }, e)
-    }, t));
-}, ae = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, pe = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    return o(n, _objectSpread({
+    return n(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 18,
         mobileLineHeight: "24px",
         desktopSize: 20,
-        desktopLineHeight: "28px",
-        weight: p(t),
+        desktopLineHeight: "28px"
+    })), {
+        weight: l(t),
         dataAttributes: _objectSpread({
             "component-name": "Text4"
         }, e)
-    }, t));
-}, xe = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, le = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    return o(n, _objectSpread({
+    return n(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 16,
+        mobileLineHeight: "24px",
         desktopSize: 18,
-        lineHeight: "24px",
-        weight: p(t),
+        desktopLineHeight: "24px"
+    })), {
+        weight: l(t),
         dataAttributes: _objectSpread({
             "component-name": "Text3"
         }, e)
-    }, t));
-}, pe = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, ge = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    return o(n, _objectSpread({
+    return n(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 14,
         mobileLineHeight: "20px",
         desktopSize: 16,
-        desktopLineHeight: "24px",
-        weight: p(t),
+        desktopLineHeight: "24px"
+    })), {
+        weight: l(t),
         dataAttributes: _objectSpread({
             "component-name": "Text2"
         }, e)
-    }, t));
-}, le = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, he = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    return o(n, _objectSpread({
+    return n(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 12,
         mobileLineHeight: "16px",
         desktopSize: 14,
-        desktopLineHeight: "20px",
-        weight: p(t),
+        desktopLineHeight: "20px"
+    })), {
+        weight: l(t),
         dataAttributes: _objectSpread({
             "component-name": "Text1"
         }, e)
-    }, t));
+    }), t));
 };
-export { n as Text, le as Text1, ie as Text10, pe as Text2, xe as Text3, ae as Text4, me as Text5, se as Text6, re as Text7, ne as Text8, oe as Text9, n as default };
+export { r as Text, he as Text1, ne as Text10, ge as Text2, le as Text3, pe as Text4, ae as Text5, xe as Text6, me as Text7, se as Text8, re as Text9, r as default };

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

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./tooltip.css.ts.vanilla.js";
-var v = "_1xhatbpb _1y2v1nf5c _1y2v1nf9o _1y2v1nf7t _1y2v1nf88 _1y2v1nf9g _1y2v1nf2p _1y2v1nf9d", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf5c _1y2v1nf7v _1y2v1nf88 _1y2v1nf9m _1y2v1nf2", p = "_1xhatbpj _1y2v1nf66 _1y2v1nf6k _1y2v1nf6y _1y2v1nf7c _1y2v1nf5c _1y2v1nfa7 _1y2v1nf7o _1y2v1nf9i _1y2v1nf9d", o = "_1xhatbpk", y = "_1xhatbpl", x = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", c = {
+var v = "_1xhatbpb _1y2v1nf5e _1y2v1nf9q _1y2v1nf7v _1y2v1nf8a _1y2v1nf9i _1y2v1nf2q _1y2v1nf9f", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf5e _1y2v1nf7x _1y2v1nf8a _1y2v1nf9o _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf6m _1y2v1nf70 _1y2v1nf7e _1y2v1nf5e _1y2v1nfa9 _1y2v1nf7q _1y2v1nf9k _1y2v1nf9f", o = "_1xhatbpk", x = "_1xhatbpl", y = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
     shadowAlpha: "var(--_1xhatbp0)",
     enterTransform: "var(--_1xhatbp1)",
     enterDoneTransform: "var(--_1xhatbp2)",
     exitTransform: "var(--_1xhatbp3)",
     enterActiveAnimationName: "var(--_1xhatbp4)",
     arrowBoxShadow: "var(--_1xhatbp5)"
-}, d = "_1y2v1nf5k";
-export { v as arrow, t as arrowBottom, _ as arrowLeft, n as arrowRight, e as arrowTop, f as arrowWrapper, p as container, o as enter, y as enterActive, x as enterDone, h as exit, b as exitActive, m as fadeInBottomKeyframes, i as fadeInTopKeyframes, w as fadeInXKeyframes, c as vars, d as wrapper };
+}, d = "_1y2v1nf5m";
+export { v as arrow, t as arrowBottom, _ as arrowLeft, n as arrowRight, e as arrowTop, f as arrowWrapper, p as container, o as enter, x as enterActive, y as enterDone, h as exit, b as exitActive, m as fadeInBottomKeyframes, i as fadeInTopKeyframes, w as fadeInXKeyframes, s as vars, d as wrapper };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./touchable.css.ts.vanilla.js";
-var f = "mhti6u1 _1y2v1nf9l", y = "mhti6u4", _ = "mhti6u1 _1y2v1nf9l _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5i _1y2v1nf9e _1y2v1nf7n _1y2v1nf2m _1y2v1nf5a _1y2v1nf9n";
+var f = "mhti6u1 _1y2v1nf9n", y = "mhti6u4", _ = "mhti6u1 _1y2v1nf9n _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf7p _1y2v1nf2n _1y2v1nf5c _1y2v1nf9p";
 export { f as base, y as notTouchable, _ as touchable };

package/dist-es/utils/aspect-ratio-support.css-mistica.js

@@ -1,6 +1,6 @@
 import "../sprinkles.css.ts.vanilla.js";
 import "./aspect-ratio-support.css.ts.vanilla.js";
-var a = "yqswj62", n = "_1y2v1nf7n _1y2v1nf83 _1y2v1nf9o _1y2v1nfa2", y = {
+var a = "yqswj62", n = "_1y2v1nf7p _1y2v1nf85 _1y2v1nf9q _1y2v1nfa4", y = {
     aspectRatio: "var(--yqswj60)"
-}, f = "_1y2v1nf9m _1y2v1nf9b _1y2v1nf9c _1y2v1nf5b";
-export { a as container, n as containerWithWrapper, y as vars, f as wrapper };
+}, p = "_1y2v1nf9o _1y2v1nf9d _1y2v1nf9e _1y2v1nf5d";
+export { a as container, n as containerWithWrapper, y as vars, p as wrapper };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.js";
-var n = "_1y2v1nf5i _1y2v1nf7n _1y2v1nf83 _1y2v1nf5a _1y2v1nf9b _1y2v1nf9c _1y2v1nfb8";
-export { n as video };
+var f = "_1y2v1nf5k _1y2v1nf7p _1y2v1nf85 _1y2v1nf5c _1y2v1nf9d _1y2v1nf9e _1y2v1nfba";
+export { f as video };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "13.4.0",
+    "version": "13.6.0",
     "license": "MIT",
     "repository": {
         "type": "git",