@telefonica/mistica 14.14.0 → 14.15.0

package/dist-es/text-field-base.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
-var n = "rhey4tf _1y2v1nf7m _1y2v1nf82 _1y2v1nf64 _1y2v1nf6j", r = "rhey4t4", t = "rhey4ta _1y2v1nf5z _1y2v1nf8r rhey4t1 _1y2v1nfa2 _1y2v1nf97 _1y2v1nf1w _1y2v1nf8b", e = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6w _1y2v1nf7a", a = "rhey4to _1y2v1nf91 _1y2v1nf64 _1y2v1nf6j _1y2v1nfaj", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf7n _1y2v1nf82", o = "rhey4tl _1y2v1nf78", l = "_1y2v1nf6w _1y2v1nf7a", u = "rhey4th _1y2v1nf7n _1y2v1nf81 _1y2v1nf64 _1y2v1nf6j _1y2v1nf8r _1y2v1nf60", p = "rhey4tr _1y2v1nf60", b = "rhey4t6 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x rhey4t1 _1y2v1nfa2 _1y2v1nf97 _1y2v1nf1w _1y2v1nf8b", x = "rhey4t7", m = "rhey4t8";
-export { n as endIcon, r as fullWidth, t as input, e as inputFirefoxStyles, f as inputWithLabel, _ as inputWithoutLabel, a as menuItem, h as menuItemSelected, i as prefix, o as prefixWithLabel, l as prefixWithoutLabel, u as startIcon, p as suggestionsContainer, b as textArea, x as textAreaWithLabel, m as textAreaWithoutLabel };
+var n = "rhey4tf _1y2v1nf7o _1y2v1nf85 _1y2v1nf64 _1y2v1nf6j", r = "rhey4t4", t = "rhey4ta _1y2v1nf5z _1y2v1nf8w rhey4t1 _1y2v1nfaa _1y2v1nf9d _1y2v1nf1w _1y2v1nf8f", f = "rhey4tb", e = "rhey4tc", _ = "_1y2v1nf6w _1y2v1nf7b", a = "rhey4to _1y2v1nf97 _1y2v1nf64 _1y2v1nf6j _1y2v1nfar", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf7p _1y2v1nf85", o = "rhey4tl _1y2v1nf79", l = "_1y2v1nf6w _1y2v1nf7b", p = "rhey4th _1y2v1nf7p _1y2v1nf84 _1y2v1nf64 _1y2v1nf6j _1y2v1nf8w _1y2v1nf60", u = "rhey4tr _1y2v1nf60", b = "rhey4t6 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 rhey4t1 _1y2v1nfaa _1y2v1nf9d _1y2v1nf1w _1y2v1nf8f", x = "rhey4t7", W = "rhey4t8";
+export { n as endIcon, r as fullWidth, t as input, f as inputFirefoxStyles, e as inputWithLabel, _ as inputWithoutLabel, a as menuItem, h as menuItemSelected, i as prefix, o as prefixWithLabel, l as prefixWithoutLabel, p as startIcon, u as suggestionsContainer, b as textArea, x as textAreaWithLabel, W as textAreaWithoutLabel };

package/dist-es/text-field-components.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
-var _ = 328, a = 12, n = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nfak _1y2v1nfa1 _1y2v1nf64 _1y2v1nfaa _1y2v1nf5z", i = "_15k6ur96 _1y2v1nf64 _1y2v1nf6a", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf92", k = "_1y2v1nf8b", u = "_1y2v1nf7n _1y2v1nf82 _1y2v1nf64", L = "_15k6ur9g", d = "_15k6ur91 _1y2v1nf60 _1y2v1nfam _1y2v1nf8y _1y2v1nf64 _1y2v1nf69 _1y2v1nfb4", E = "_15k6ur93 _1y2v1nfak _1y2v1nf6n", T = "_15k6ur9h", h = "_15k6ur99 _1y2v1nf8b", o = "_15k6ur9i", b = "_15k6ur94";
-export { _ as DEFAULT_WIDTH, a as LABEL_LEFT_POSITION, n as LABEL_SCALE_DESKTOP, f as LABEL_SCALE_MOBILE, e as disabled, y as field, i as fieldContainer, l as fieldMulti, t as fieldSingle, k as fullWidth, u as helperContainer, L as helperText, d as labelContainer, E as labelText, T as leftText, h as normalWidth, o as rightText, b as shrinked };
+var _ = 328, a = 12, n = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nfas _1y2v1nfa9 _1y2v1nf64 _1y2v1nfai _1y2v1nf5z", i = "_15k6ur96 _1y2v1nf64 _1y2v1nf6a", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf98", u = "_1y2v1nf8f", k = "_1y2v1nf7p _1y2v1nf85 _1y2v1nf64", d = "_15k6ur9g", L = "_15k6ur91 _1y2v1nf60 _1y2v1nfau _1y2v1nf94 _1y2v1nf64 _1y2v1nf69 _1y2v1nfbd", E = "_15k6ur93 _1y2v1nfas _1y2v1nf6n", T = "_15k6ur9h", h = "_15k6ur99 _1y2v1nf8f", o = "_15k6ur9i", p = "_15k6ur94";
+export { _ as DEFAULT_WIDTH, a as LABEL_LEFT_POSITION, n as LABEL_SCALE_DESKTOP, f as LABEL_SCALE_MOBILE, e as disabled, y as field, i as fieldContainer, l as fieldMulti, t as fieldSingle, u as fullWidth, k as helperContainer, d as helperText, L as labelContainer, E as labelText, T as leftText, h as normalWidth, o as rightText, p as shrinked };

package/dist-es/text-link.css-mistica.js

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-link.css.ts.vanilla.css-mistica.js";
-var v = {
-    default: "_1m1n0pr1 _1y2v1nf8c _1y2v1nf67 _1y2v1nfaj _1y2v1nf27",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf8c _1y2v1nf67 _1y2v1nfaj _1y2v1nf28",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf8c _1y2v1nf67 _1y2v1nfaj _1y2v1nf27"
+var r = {
+    default: "_1m1n0pr1 _1y2v1nf8g _1y2v1nf67 _1y2v1nfar _1y2v1nf27",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf8g _1y2v1nf67 _1y2v1nfar _1y2v1nf28",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf8g _1y2v1nf67 _1y2v1nfar _1y2v1nf27"
 };
-export { v as variants };
+export { r as variants };

package/dist-es/text.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 import { jsx as r } from "react/jsx-runtime";
 import * as R from "react";
 import $ from "classnames";
-import { assignInlineVars as S } from "@vanilla-extract/dynamic";
+import { assignInlineVars as L } from "@vanilla-extract/dynamic";
 import { useIsInverseVariant as j } from "./theme-variant-context.js";
 import { pxToRem as p } from "./utils/css.js";
 import { getPrefixedDataAttributes as B } from "./utils/dom.js";
@@ -93,7 +93,7 @@ const J = {
     medium: 500,
     bold: 700
 }, K = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
-    let { weight: e , color: i = m.colors.textPrimary , decoration: t , truncate: o , transform: g , wordBreak: c = !0 , hyphens: f , as: z = "span" , children: h , size: d , mobileSize: u = d , desktopSize: b = d , lineHeight: T , mobileLineHeight: k = T , desktopLineHeight: L = T , letterSpacing: H , textAlign: w , textShadow: v , id: A , role: P , "aria-level": y , dataAttributes: I  } = param;
+    let { weight: e , color: i = m.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;
     const W = j(), V = K(o), C = {
         [m.colors.textPrimary]: m.colors.textPrimaryInverse,
         [m.colors.textSecondary]: m.colors.textSecondaryInverse,
@@ -103,12 +103,12 @@ const J = {
     const D = $(E, c ? N : q, {
         [F]: o === 1 || o === !0,
         [G]: o && o > 1
-    }), M = S({
-        [x.mobileSize]: u ? p(u) : "",
-        [x.mobileLineHeight]: k ? p(k) : "",
+    }), M = L({
+        [x.mobileSize]: d ? p(d) : "",
+        [x.mobileLineHeight]: f ? p(f) : "",
         [x.desktopSize]: b ? p(b) : "",
-        [x.desktopLineHeight]: L ? p(L) : ""
-    }), O = o ? S({
+        [x.desktopLineHeight]: k ? p(k) : ""
+    }), O = o ? L({
         [x.lineClamp]: String(V)
     }) : {};
     var _C_i;
@@ -119,14 +119,14 @@ const J = {
         "aria-level": y
     }, B(I)), {
         style: _object_spread_props(_object_spread({}, M, O), {
-            hyphens: f,
-            letterSpacing: H,
+            hyphens: S,
+            letterSpacing: w,
             fontWeight: e ? J[e] : "inherit",
             textTransform: g || "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: w,
+            textAlign: H,
             textShadow: v
         })
     }), h);
@@ -134,6 +134,7 @@ const J = {
     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;
     return e ? {

package/dist-es/title.js

@@ -26,56 +26,59 @@ function _object_spread(target) {
     }
     return target;
 }
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { Text1 as l, Text5 as s, Text2 as c } from "./text.js";
-import p from "./inline.js";
-import u from "./box.js";
-import { vars as d } from "./skins/skin-contract.css-mistica.js";
-const a = (param)=>{
-    let { title: e , right: t  } = param;
-    return t ? /* @__PURE__ */ m(p, {
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { Text1 as c, Text5 as p, Text2 as f } from "./text.js";
+import x from "./inline.js";
+import d from "./box.js";
+import { vars as h } from "./skins/skin-contract.css-mistica.js";
+import { useTheme as s } from "./hooks.js";
+const m = (param)=>{
+    let { title: t , right: e  } = param;
+    const { textPresets: o  } = s();
+    return e ? /* @__PURE__ */ l(x, {
         space: "between",
         alignItems: "baseline",
         children: [
-            e,
-            /* @__PURE__ */ r(u, {
+            t,
+            /* @__PURE__ */ r(d, {
                 paddingLeft: 16,
-                children: /* @__PURE__ */ r(c, {
-                    regular: !0,
-                    children: t
+                children: /* @__PURE__ */ r(f, {
+                    weight: o.link.weight,
+                    children: e
                 })
             })
         ]
-    }) : e;
-}, g = (param)=>/* @__PURE__ */ {
-    let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
-    return r(a, {
-        title: /* @__PURE__ */ r(l, {
-            color: d.colors.textSecondary,
+    }) : t;
+}, k = (param)=>{
+    let { children: t , as: e = "h3" , id: o , right: i , dataAttributes: n  } = param;
+    const { textPresets: a  } = s();
+    return /* @__PURE__ */ r(m, {
+        title: /* @__PURE__ */ r(c, {
+            color: h.colors.textSecondary,
             transform: "uppercase",
-            medium: !0,
-            as: t,
+            weight: a.title1.weight,
+            as: e,
             id: o,
             dataAttributes: _object_spread({
                 "component-name": "Title1"
-            }, i),
+            }, n),
             wordBreak: !1,
-            children: e
+            children: t
         }),
-        right: n
+        right: i
     });
-}, j = (param)=>/* @__PURE__ */ {
-    let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
-    return r(a, {
-        title: /* @__PURE__ */ r(s, {
-            as: t,
+}, y = (param)=>/* @__PURE__ */ {
+    let { children: t , as: e = "h3" , id: o , right: i , dataAttributes: n  } = param;
+    return r(m, {
+        title: /* @__PURE__ */ r(p, {
+            as: e,
             id: o,
             dataAttributes: _object_spread({
                 "component-name": "Title2"
-            }, i),
-            children: e
+            }, n),
+            children: t
         }),
-        right: n
+        right: i
     });
 };
-export { g as Title1, j as Title2 };
+export { k as Title1, y as Title2 };

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

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tooltip.css.ts.vanilla.css-mistica.js";
-var v = "_1xhatbpb _1y2v1nf60 _1y2v1nfam _1y2v1nf8h _1y2v1nf8w _1y2v1nfa4 _1y2v1nf31 _1y2v1nfa1", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf60 _1y2v1nf8j _1y2v1nf8w _1y2v1nfak _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf80 _1y2v1nf60 _1y2v1nfb5 _1y2v1nf8c _1y2v1nfad _1y2v1nfa1", o = "_1xhatbpk", h = "_1xhatbpl", x = "_1xhatbpm", y = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
+var v = "_1xhatbpb _1y2v1nf60 _1y2v1nfau _1y2v1nf8l _1y2v1nf91 _1y2v1nfac _1y2v1nf31 _1y2v1nfa9", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf60 _1y2v1nf8o _1y2v1nf91 _1y2v1nfas _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6u _1y2v1nf79 _1y2v1nf7o _1y2v1nf83 _1y2v1nf60 _1y2v1nfbe _1y2v1nf8g _1y2v1nfal _1y2v1nfa9", 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 = "_1y2v1nf68";
-export { v as arrow, t as arrowBottom, _ as arrowLeft, n as arrowRight, e as arrowTop, f as arrowWrapper, p as container, o as enter, h as enterActive, x as enterDone, y as exit, b as exitActive, m as fadeInBottomKeyframes, i as fadeInTopKeyframes, w as fadeInXKeyframes, s as vars, d as wrapper };
+}, c = "_1y2v1nf68";
+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, c as wrapper };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./touchable.css.ts.vanilla.css-mistica.js";
-var n = "mhti6u1 _1y2v1nfaj", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfaj _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf66 _1y2v1nfa2 _1y2v1nf8b _1y2v1nf2y _1y2v1nf5y _1y2v1nfal";
-export { n as base, f as notTouchable, _ as touchable };
+var f = "mhti6u1 _1y2v1nfar", n = "mhti6u4", _ = "mhti6u1 _1y2v1nfar _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf66 _1y2v1nfaa _1y2v1nf8f _1y2v1nf2y _1y2v1nf5y _1y2v1nfat";
+export { f as base, n as notTouchable, _ as touchable };

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

@@ -1,6 +1,6 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./aspect-ratio-support.css.ts.vanilla.css-mistica.js";
-var v = "yqswj62", n = "_1y2v1nf8b _1y2v1nf8r _1y2v1nfam _1y2v1nfb0", y = {
+var v = "yqswj62", n = "_1y2v1nf8f _1y2v1nf8w _1y2v1nfau _1y2v1nfb9", y = {
     aspectRatio: "var(--yqswj60)"
-}, f = "_1y2v1nfak _1y2v1nf9z _1y2v1nfa0 _1y2v1nf5z";
+}, f = "_1y2v1nfas _1y2v1nfa7 _1y2v1nfa8 _1y2v1nf5z";
 export { v as container, n as containerWithWrapper, y as vars, f as wrapper };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var y = "_1y2v1nfam _1y2v1nfb0 _1y2v1nf66 _1y2v1nf5y _1y2v1nf9z _1y2v1nfa0 _1y2v1nfc6";
+var y = "_1y2v1nfau _1y2v1nfb9 _1y2v1nf66 _1y2v1nf5y _1y2v1nfa7 _1y2v1nfa8 _1y2v1nfci";
 export { y as video };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "14.14.0",
+    "version": "14.15.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -109,6 +109,7 @@
         "dpdm": "^3.8.0",
         "es6-promise-pool": "^2.5.0",
         "eslint": "^8.11.0",
+        "file-loader": "^6.2.0",
         "glob": "^7.2.0",
         "gzip-size": "^6.0.0",
         "husky": "^7.0.4",