@telefonica/mistica 16.26.0 → 16.28.0

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

@@ -19,10 +19,10 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-link.css.ts.vanilla.css-mistica.js");
 var n = {
-    underlineAlways: "v16_26_1m1n0pr2",
-    underlineOnHover: "v16_26_1m1n0pr3"
+    underlineAlways: "v16_28_1m1n0pr2",
+    underlineOnHover: "v16_28_1m1n0pr3"
 }, r = {
-    default: "v16_26_1m1n0pr1 v16_26_1y2v1nfja v16_26_1y2v1nfip v16_26_1y2v1nfln v16_26_1y2v1nf2m",
-    inverseLight: "v16_26_1m1n0pr1 v16_26_1y2v1nfja v16_26_1y2v1nfip v16_26_1y2v1nfln v16_26_1y2v1nf2n",
-    inverseDark: "v16_26_1m1n0pr1 v16_26_1y2v1nfja v16_26_1y2v1nfip v16_26_1y2v1nfln v16_26_1y2v1nf2m"
+    default: "v16_28_1m1n0pr1 v16_28_1y2v1nfjg v16_28_1y2v1nfiv v16_28_1y2v1nflt v16_28_1y2v1nf2p",
+    inverseLight: "v16_28_1m1n0pr1 v16_28_1y2v1nfjg v16_28_1y2v1nfiv v16_28_1y2v1nflt v16_28_1y2v1nf2q",
+    inverseDark: "v16_28_1m1n0pr1 v16_28_1y2v1nfjg v16_28_1y2v1nfiv v16_28_1y2v1nflt v16_28_1y2v1nf2p"
 };

package/dist/text.css-mistica.js

@@ -29,10 +29,10 @@ _export(exports, {
     }
 });
 require("./text.css.ts.vanilla.css-mistica.js");
-var r = "v16_26_splu5g7", _ = "v16_26_splu5g8", e = "v16_26_splu5g9", a = {
-    mobileSize: "var(--v16_26_splu5g0)",
-    desktopSize: "var(--v16_26_splu5g1)",
-    mobileLineHeight: "var(--v16_26_splu5g2)",
-    desktopLineHeight: "var(--v16_26_splu5g3)",
-    lineClamp: "var(--v16_26_splu5g4)"
-}, p = "v16_26_splu5g5", t = "v16_26_splu5g6";
+var r = "v16_28_splu5g7", _ = "v16_28_splu5g8", e = "v16_28_splu5g9", a = {
+    mobileSize: "var(--v16_28_splu5g0)",
+    desktopSize: "var(--v16_28_splu5g1)",
+    mobileLineHeight: "var(--v16_28_splu5g2)",
+    desktopLineHeight: "var(--v16_28_splu5g3)",
+    lineClamp: "var(--v16_28_splu5g4)"
+}, p = "v16_28_splu5g5", t = "v16_28_splu5g6";

package/dist/theme-context-provider.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     default: function() {
-        return Ve;
+        return De;
     },
     useIsOsDarkModeEnabled: function() {
-        return oe;
+        return se;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -120,24 +120,24 @@ if (process.env.NODE_ENV !== "production" && (0, _environment.isClientSide)()) {
     if (window.__mistica_version__ && window.__mistica_version__ !== _packageversion.PACKAGE_VERSION) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
     window.__mistica_version__ = _packageversion.PACKAGE_VERSION;
 }
-const re = "(prefers-color-scheme: dark)", oe = ()=>{
+const oe = "(prefers-color-scheme: dark)", se = ()=>{
     const [e, c] = _react.useState(!1);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         if (!window.matchMedia) return;
-        const a = window.matchMedia(re), i = ()=>{
+        const a = window.matchMedia(oe), i = ()=>{
             c(a.matches);
         };
         return a.addEventListener("change", i), i(), ()=>{
             a.removeEventListener("change", i);
         };
     }, []), e;
-}, se = ()=>(e)=>e, ie = (e)=>({
+}, ie = ()=>(e)=>e, ne = (e)=>({
         headerMobileHeight: (e == null ? void 0 : e.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : e == null ? void 0 : e.headerMobileHeight
-    }), ne = ()=>{
-    const e = _react.useRef(null), [c, a] = _react.useState(!1), [i, g] = _react.useState(!0);
+    }), ae = ()=>{
+    const e = _react.useRef(null), [c, a] = _react.useState(!1), [i, v] = _react.useState(!0);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         var d;
-        if (i) g(!1);
+        if (i) v(!1);
         else {
             const u = (d = e.current) == null ? void 0 : d.parentElement;
             u && (u.style.isolation = "isolate", a(!0));
@@ -150,32 +150,32 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
             display: "none"
         }
     });
-}, ae = (param)=>{
+}, le = (param)=>{
     let { theme: e, children: c, as: a, withoutStyles: i = !1 } = param;
     var _e_colorScheme, _e_skin_borderRadii;
-    const g = oe(), d = (_e_colorScheme = e.colorScheme) !== null && _e_colorScheme !== void 0 ? _e_colorScheme : "auto", u = e.skin.colors, V = _object_spread({}, e.skin.colors, e.skin.darkModeColors), h = d === "auto" && g || d === "dark", p = h ? V : u, b = (0, _locale.localeToLanguage)(e.i18n.locale), k = _react.useCallback(function(o) {
+    const v = se(), d = (_e_colorScheme = e.colorScheme) !== null && _e_colorScheme !== void 0 ? _e_colorScheme : "auto", u = e.skin.colors, H = _object_spread({}, e.skin.colors, e.skin.darkModeColors), g = d === "auto" && v || d === "dark", p = g ? H : u, x = (0, _locale.localeToLanguage)(e.i18n.locale), b = _react.useCallback(function(o) {
         for(var _len = arguments.length, s = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
             s[_key - 1] = arguments[_key];
         }
-        const t = o[b] || o.en;
+        const t = o[x] || o.en;
         return s.length ? t.replace(/\d+\$s/g, (l)=>{
             var _s_;
             return String((_s_ = s[parseInt(l) - 1]) !== null && _s_ !== void 0 ? _s_ : l);
         }) : t;
     }, [
-        b
+        x
     ]), m = _react.useMemo(()=>{
         const o = _object_spread({
             platform: (0, _platform.getPlatform)(),
             insideNovumNativeApp: (0, _platform.isInsideNovumNativeApp)()
         }, e.platformOverrides), s = Object.entries(_defaults.defaultTextPresetsConfig).map((param)=>{
-            let [l, x] = param;
+            let [l, k] = param;
             var f;
             return {
-                [l]: _object_spread({}, x, (f = e.skin.textPresets) == null ? void 0 : f[l])
+                [l]: _object_spread({}, k, (f = e.skin.textPresets) == null ? void 0 : f[l])
             };
         }), t = Object.assign({}, ...s);
-        var _e_skin_borderRadii, _e_useHrefDecorator, _e_preventCopyInFormFields;
+        var _e_skin_borderRadii, _e_skin_themeVariants, _e_useHrefDecorator, _e_preventCopyInFormFields;
         return {
             skinName: e.skin.name,
             i18n: _object_spread({}, e.i18n),
@@ -186,27 +186,28 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
                 eventFormat: "universal-analytics"
             }, e.analytics),
             colorValues: p,
-            dimensions: _object_spread({}, _theme.dimensions, ie(e.dimensions)),
-            textPresets: t,
+            dimensions: _object_spread({}, _theme.dimensions, ne(e.dimensions)),
             borderRadii: (_e_skin_borderRadii = e.skin.borderRadii) !== null && _e_skin_borderRadii !== void 0 ? _e_skin_borderRadii : _defaults.defaultBorderRadiiConfig,
+            textPresets: t,
+            themeVariants: (_e_skin_themeVariants = e.skin.themeVariants) !== null && _e_skin_themeVariants !== void 0 ? _e_skin_themeVariants : _defaults.defaultThemeVariantsConfig,
             Link: (0, _theme.getMisticaLinkComponent)(e.Link),
-            isDarkMode: h,
+            isDarkMode: g,
             isIos: (0, _platform.getPlatform)(o) === "ios",
-            useHrefDecorator: (_e_useHrefDecorator = e.useHrefDecorator) !== null && _e_useHrefDecorator !== void 0 ? _e_useHrefDecorator : se,
-            t: k,
+            useHrefDecorator: (_e_useHrefDecorator = e.useHrefDecorator) !== null && _e_useHrefDecorator !== void 0 ? _e_useHrefDecorator : ie,
+            t: b,
             preventCopyInFormFields: (_e_preventCopyInFormFields = e.preventCopyInFormFields) !== null && _e_preventCopyInFormFields !== void 0 ? _e_preventCopyInFormFields : !1
         };
     }, [
         p,
         e,
-        h,
-        k
+        g,
+        b
     ]), D = _react.useMemo(()=>Object.fromEntries(Object.entries(p).map((param)=>{
             let [o, s] = param;
             let t = "";
             if (s.startsWith("#")) {
-                const [l, x, f] = (0, _color.fromHexToRgb)(s);
-                t = `${l}, ${x}, ${f}`;
+                const [l, k, f] = (0, _color.fromHexToRgb)(s);
+                t = `${l}, ${k}, ${f}`;
             }
             return [
                 o,
@@ -295,7 +296,7 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
                     })
                 })
             }),
-            !a && /* @__PURE__ */ (0, _jsxruntime.jsx)(ne, {})
+            !a && /* @__PURE__ */ (0, _jsxruntime.jsx)(ae, {})
         ]
     });
-}, Ve = ae;
+}, De = le;