@telefonica/mistica 15.0.0 → 15.2.0

package/dist-es/navigation-bar.css-mistica.js

@@ -1,20 +1,20 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-bar.css.ts.vanilla.css-mistica.js";
-var y = "_1vcy5dz1 _1y2v1nfh2 _1y2v1nfi4 _1y2v1nfik", _ = "_1vcy5dz12 _1y2v1nfh4 _1y2v1nfkq _1y2v1nfku _1y2v1nfl9 _1y2v1nf3j", r = "_1vcy5dz10", e = {
+var y = "_1vcy5dz1 _1y2v1nfh4 _1y2v1nfi6 _1y2v1nfim", _ = "_1vcy5dz12 _1y2v1nfh6 _1y2v1nfks _1y2v1nfkw _1y2v1nflb _1y2v1nf3k", e = "_1vcy5dz10", r = {
     entering: "_1vcy5dzs",
     entered: "_1vcy5dzt",
     exiting: "_1vcy5dzu",
     exited: "_1vcy5dzv",
     unmounted: "_1vcy5dzw"
-}, d = "_1vcy5dzm", a = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfh3", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfh3", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfh3", i = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfh3", z = "_1vcy5dz17", t = "_1vcy5dzz _1y2v1nfh8 _1y2v1nfhh", o = "_1vcy5dzx", h = {
-    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv",
-    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv",
-    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv"
-}, u = "_1vcy5dzl", s = "_1vcy5dzn", g = "_1vcy5dzg _1y2v1nf9s _1y2v1nfb1 _1y2v1nfir _1y2v1nfh8 _1y2v1nfhn _1y2v1nfjq _1y2v1nf70", l = {
+}, a = "_1vcy5dzm", d = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfh5", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfh5", t = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfh5", f = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfh5", i = "_1vcy5dz17", z = "_1vcy5dzz _1y2v1nfha _1y2v1nfhj", o = "_1vcy5dzx", h = {
+    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfha _1y2v1nfhp _1y2v1nfhx",
+    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfha _1y2v1nfhp _1y2v1nfhx",
+    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfha _1y2v1nfhp _1y2v1nfhx"
+}, u = "_1vcy5dzl", p = "_1vcy5dzn", s = "_1vcy5dzg _1y2v1nf9u _1y2v1nfb3 _1y2v1nfit _1y2v1nfha _1y2v1nfhp _1y2v1nfjs _1y2v1nf72", g = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, p = "_1y2v1nfir _1vcy5dzo", b = "_1vcy5dzr _1vcy5dzo", C = {
+}, l = "_1y2v1nfit _1vcy5dzo", b = "_1vcy5dzr _1vcy5dzo", x = {
     default: "_1vcy5dzj",
     inverse: "_1vcy5dzk"
-}, k = "_1vcy5dz9 _1y2v1nfh4 _1y2v1nfkf _1y2v1nfku _1y2v1nfl9";
-export { y as burgerIconContainer, _ as burgerMenu, r as burgerMenuButton, e as burgerMenuTransition, d as desktopOnly, a as iconCloseHidden, c as iconCloseOpen, f as iconMenuHidden, i as iconMenuOpen, z as lineHeightFix, t as logoContainer, o as mainNavbarContent, h as navbarBorderColorVariants, u as navigationBarContent, s as navigationBarContentRight, g as section, l as selectedSectionVariantes, p as spacer, b as spacerLarge, C as textWrapperVariants, k as topFixed };
+}, C = "_1vcy5dz9 _1y2v1nfh6 _1y2v1nfkh _1y2v1nfkw _1y2v1nflb";
+export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuButton, r as burgerMenuTransition, a as desktopOnly, d as iconCloseHidden, c as iconCloseOpen, t as iconMenuHidden, f as iconMenuOpen, i as lineHeightFix, z as logoContainer, o as mainNavbarContent, h as navbarBorderColorVariants, u as navigationBarContent, p as navigationBarContentRight, s as section, g as selectedSectionVariantes, l as spacer, b as spacerLarge, x as textWrapperVariants, C as topFixed };

package/dist-es/navigation-bar.js

@@ -79,29 +79,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as i, jsx as e, Fragment as F } from "react/jsx-runtime";
-import * as k from "react";
+import * as x from "react";
 import { createElement as X } from "react";
 import { Transition as Y } from "react-transition-group";
 import u from "classnames";
-import g from "./responsive-layout.js";
-import v from "./inline.js";
+import f from "./responsive-layout.js";
+import N from "./inline.js";
 import Z, { BaseTouchable as P } from "./touchable.js";
 import { Text3 as _, Text2 as ee } from "./text.js";
-import { useTheme as x, useAriaId as ne, useScreenSize as re } from "./hooks.js";
+import { useTheme as C, useAriaId as ne, useScreenSize as re } from "./hooks.js";
 import te from "./generated/mistica-icons/icon-menu-regular.js";
 import ae from "./generated/mistica-icons/icon-close-regular.js";
 import oe from "./generated/mistica-icons/icon-chevron-left-regular.js";
 import { IconButton as ie } from "./icon-button.js";
 import se from "./negative-box.js";
 import { RowList as ce, Row as le } from "./list.js";
-import { ThemeVariant as C, useIsInverseVariant as de } from "./theme-variant-context.js";
+import { ThemeVariant as S, useIsInverseVariant as de } from "./theme-variant-context.js";
 import G from "./focus-trap.js";
 import { Portal as me } from "./portal.js";
 import ue from "./grid-layout.js";
 import { useSetModalState as pe } from "./modal-context-provider.js";
 import { Logo as z } from "./logo.js";
 import { vars as H } from "./skins/skin-contract.css-mistica.js";
-import { mainNavbarContent as he, burgerMenuButton as ge, logoContainer as fe, spacerLarge as ve, spacer as S, burgerMenu as Ne, burgerMenuTransition as be, lineHeightFix as U, textWrapperVariants as j, burgerIconContainer as Be, iconCloseOpen as Me, iconCloseHidden as ke, iconMenuHidden as xe, iconMenuOpen as Ce, topFixed as Se, navigationBarContent as Te, desktopOnly as $, navigationBarContentRight as Ae, section as Ie, selectedSectionVariantes as Oe, navbarBorderColorVariants as M } from "./navigation-bar.css-mistica.js";
+import { mainNavbarContent as he, burgerMenuButton as ge, logoContainer as fe, spacerLarge as ve, spacer as T, burgerMenu as Ne, burgerMenuTransition as be, lineHeightFix as U, textWrapperVariants as j, burgerIconContainer as Be, iconCloseOpen as Me, iconCloseHidden as ke, iconMenuHidden as xe, iconMenuOpen as Ce, topFixed as Se, navigationBarContent as Te, desktopOnly as $, navigationBarContentRight as Ae, section as Ie, selectedSectionVariantes as Oe, navbarBorderColorVariants as k } from "./navigation-bar.css-mistica.js";
 import { sprinkles as W } from "./sprinkles.css-mistica.js";
 import { getPrefixedDataAttributes as Re } from "./utils/dom.js";
 import ye from "./stack.js";
@@ -124,20 +124,20 @@ const we = (param)=>{
             })
         ]
     });
-}, De = 300, T = (param)=>{
-    let { children: n, topFixed: a, withBorder: t, isMenuOpen: r, isInverse: o, dataAttributes: d } = param;
-    const { isDarkMode: s } = x();
+}, De = 300, A = (param)=>{
+    let { children: n, topFixed: a, withBorder: t, isMenuOpen: r, isInverse: o, dataAttributes: s } = param;
+    const { isDarkMode: c } = C();
     return /* @__PURE__ */ e("header", _object_spread_props(_object_spread({
-        className: u((()=>o && !s || !t ? M.noBorder : r ? M.menuOpen : M.default)(), {
+        className: u((()=>o && !c || !t ? k.noBorder : r ? k.menuOpen : k.default)(), {
             [Se]: a
         }),
         style: {
             background: o ? H.colors.navigationBarBackground : H.colors.background
         }
-    }, Re(d)), {
+    }, Re(s)), {
         children: n
     }));
-}, f = (param)=>{
+}, v = (param)=>{
     let { right: n, children: a, desktopOnly: t } = param;
     return /* @__PURE__ */ i("div", {
         className: u(Te, {
@@ -152,9 +152,9 @@ const we = (param)=>{
         ]
     });
 }, mn = (param)=>{
-    let { sections: n, selectedIndex: a, right: t, isInverse: r = !1, topFixed: o = !0, withBorder: d = !0, burgerMenuExtra: s, logo: c, large: m = !1 } = param;
-    const { texts: A, isDarkMode: q } = x(), [l, I] = k.useState(!1), [O, p] = k.useState("closed"), R = ne(), J = q ? 1 : 0.2, { isTabletOrSmaller: K } = re(), y = pe();
-    c = c !== null && c !== void 0 ? c : /* @__PURE__ */ e(z, {
+    let { sections: n, selectedIndex: a, right: t, isInverse: r = !1, topFixed: o = !0, withBorder: s = !0, burgerMenuExtra: c, logo: l, large: p = !1 } = param;
+    const { texts: m, isDarkMode: q } = C(), [d, I] = x.useState(!1), [O, h] = x.useState("closed"), R = ne(), J = q ? 1 : 0.2, { isTabletOrSmaller: K } = re(), y = pe();
+    l = l !== null && l !== void 0 ? l : /* @__PURE__ */ e(z, {
         size: {
             mobile: 40,
             desktop: 48
@@ -162,25 +162,25 @@ const we = (param)=>{
     });
     const E = ()=>/* @__PURE__ */ e("nav", {
             className: $,
-            children: /* @__PURE__ */ e(v, {
+            children: /* @__PURE__ */ e(N, {
                 space: 32,
-                children: n.map((_param, h)=>{
-                    var { title: b } = _param, B = _object_without_properties(_param, [
+                children: n.map((_param, g)=>{
+                    var { title: B } = _param, M = _object_without_properties(_param, [
                         "title"
                     ]);
-                    return /* @__PURE__ */ /*#__PURE__*/ X(P, _object_spread_props(_object_spread({}, B), {
-                        key: h,
+                    return /* @__PURE__ */ /*#__PURE__*/ X(P, _object_spread_props(_object_spread({}, M), {
+                        key: g,
                         className: u(Ie, {
-                            [Oe[r ? "inverse" : "default"]]: h === a
+                            [Oe[r ? "inverse" : "default"]]: g === a
                         }, j[r ? "inverse" : "default"])
                     }), /* @__PURE__ */ e(_, {
                         regular: !0,
                         color: "inherit",
-                        children: b
+                        children: B
                     }));
                 })
             })
-        }), N = m && n.length > 0, Q = ()=>{
+        }), b = p && n.length > 0, Q = ()=>{
         I(!0), y({
             isModalOpen: !0
         });
@@ -188,20 +188,20 @@ const we = (param)=>{
         I(!1), y({
             isModalOpen: !1
         });
-    }, w = O !== "open", D = n.length > 1, V = /* @__PURE__ */ i(C, {
+    }, w = O !== "open", D = n.length > 1, V = /* @__PURE__ */ i(S, {
         isInverse: r,
         children: [
-            /* @__PURE__ */ e(T, {
+            /* @__PURE__ */ e(A, {
                 topFixed: o,
-                withBorder: d,
-                isMenuOpen: l,
+                withBorder: s,
+                isMenuOpen: d,
                 isInverse: r,
                 dataAttributes: {
                     "component-name": "MainNavigationBar"
                 },
-                children: /* @__PURE__ */ i(g, {
+                children: /* @__PURE__ */ i(f, {
                     children: [
-                        /* @__PURE__ */ e(f, {
+                        /* @__PURE__ */ e(v, {
                             right: t,
                             children: /* @__PURE__ */ i("div", {
                                 className: he,
@@ -209,23 +209,23 @@ const we = (param)=>{
                                     D && /* @__PURE__ */ e(Z, {
                                         className: ge,
                                         "aria-live": "polite",
-                                        "aria-label": l ? A.closeNavigationMenu : A.openNavigationMenu,
-                                        "aria-expanded": l,
+                                        "aria-label": d ? m.closeNavigationMenu : m.openNavigationMenu,
+                                        "aria-expanded": d,
                                         "aria-controls": R,
-                                        onPress: l ? L : Q,
+                                        onPress: d ? L : Q,
                                         children: /* @__PURE__ */ e(we, {
-                                            isOpen: l
+                                            isOpen: d
                                         })
                                     }),
                                     /* @__PURE__ */ e("div", {
                                         className: fe,
-                                        children: c
+                                        children: l
                                     }),
-                                    !N && E()
+                                    !b && E()
                                 ]
                             })
                         }),
-                        N && /* @__PURE__ */ e(f, {
+                        b && /* @__PURE__ */ e(v, {
                             desktopOnly: !0,
                             children: E()
                         })
@@ -233,7 +233,7 @@ const we = (param)=>{
                 })
             }),
             o && /* @__PURE__ */ e("div", {
-                className: N ? ve : S
+                className: b ? ve : T
             })
         ]
     });
@@ -250,23 +250,23 @@ const we = (param)=>{
                     group: "burger-menu-lock",
                     children: /* @__PURE__ */ e(Y, {
                         onEntering: ()=>{
-                            p("opening");
+                            h("opening");
                         },
                         onEntered: ()=>{
-                            p("open");
+                            h("open");
                         },
                         onExiting: ()=>{
-                            p("closing");
+                            h("closing");
                         },
                         onExited: ()=>{
-                            p("closed");
+                            h("closed");
                         },
-                        in: l,
+                        in: d,
                         timeout: Le() ? 0 : De,
                         unmountOnExit: !0,
-                        children: (b)=>/* @__PURE__ */ e(F, {
+                        children: (B)=>/* @__PURE__ */ e(F, {
                                 children: /* @__PURE__ */ e("nav", {
-                                    className: u(Ne, be[b]),
+                                    className: u(Ne, be[B]),
                                     style: {
                                         boxShadow: O !== "closed" ? `6px 0 4px -4px rgba(0, 0, 0, ${J})` : "none"
                                     },
@@ -274,18 +274,18 @@ const we = (param)=>{
                                     onClick: ()=>{
                                         L();
                                     },
-                                    children: /* @__PURE__ */ e(g, {
+                                    children: /* @__PURE__ */ e(f, {
                                         children: /* @__PURE__ */ i(ye, {
                                             space: 16,
                                             children: [
                                                 /* @__PURE__ */ e(se, {
                                                     children: /* @__PURE__ */ e(ce, {
-                                                        children: n.map((B, h)=>/* @__PURE__ */ e(le, _object_spread({}, B), h))
+                                                        children: n.map((M, g)=>/* @__PURE__ */ e(le, _object_spread({}, M), g))
                                                     })
                                                 }),
-                                                s && /* @__PURE__ */ e(Ee, {
+                                                c && /* @__PURE__ */ e(Ee, {
                                                     paddingBottom: 16,
-                                                    children: s
+                                                    children: c
                                                 })
                                             ]
                                         })
@@ -298,15 +298,15 @@ const we = (param)=>{
         ]
     }) : V;
 }, un = (param)=>{
-    let { onBack: n, title: a, right: t, isInverse: r = !1, topFixed: o = !0, paddingX: d = 0, withBorder: s = !0 } = param;
-    const { texts: c } = x(), m = /* @__PURE__ */ e(f, {
-        right: t,
-        children: /* @__PURE__ */ i(v, {
+    let { onBack: n, title: a, titleAs: t, right: r, isInverse: o = !1, topFixed: s = !0, paddingX: c = 0, withBorder: l = !0 } = param;
+    const { texts: p } = C(), m = /* @__PURE__ */ e(v, {
+        right: r,
+        children: /* @__PURE__ */ i(N, {
             space: 24,
             alignItems: "center",
             children: [
                 n && /* @__PURE__ */ e(ie, {
-                    "aria-label": c.backNavigationBar,
+                    "aria-label": p.backNavigationBar,
                     onPress: n,
                     Icon: oe,
                     bleedLeft: !0,
@@ -315,35 +315,36 @@ const we = (param)=>{
                 /* @__PURE__ */ e(_, {
                     regular: !0,
                     truncate: !0,
+                    as: t,
                     children: a
                 })
             ]
         })
     });
-    return /* @__PURE__ */ i(C, {
-        isInverse: r,
+    return /* @__PURE__ */ i(S, {
+        isInverse: o,
         children: [
-            /* @__PURE__ */ e(T, {
-                topFixed: o,
-                withBorder: s,
-                isInverse: r,
+            /* @__PURE__ */ e(A, {
+                topFixed: s,
+                withBorder: l,
+                isInverse: o,
                 dataAttributes: {
                     "component-name": "NavigationBar"
                 },
-                children: o ? /* @__PURE__ */ e(g, {
+                children: s ? /* @__PURE__ */ e(f, {
                     children: m
                 }) : /* @__PURE__ */ e("div", {
                     className: W({
                         width: "100%"
                     }),
                     style: {
-                        padding: `0 ${d}px`
+                        padding: `0 ${c}px`
                     },
                     children: m
                 })
             }),
-            o && /* @__PURE__ */ e("div", {
-                className: S
+            s && /* @__PURE__ */ e("div", {
+                className: T
             })
         ]
     });
@@ -354,20 +355,20 @@ const we = (param)=>{
             mobile: 40,
             desktop: 48
         }
-    }), /* @__PURE__ */ i(C, {
+    }), /* @__PURE__ */ i(S, {
         isInverse: t,
         children: [
-            /* @__PURE__ */ e(T, {
+            /* @__PURE__ */ e(A, {
                 topFixed: r,
                 withBorder: o,
                 isInverse: t,
                 dataAttributes: {
                     "component-name": "FunnelNavigationBar"
                 },
-                children: /* @__PURE__ */ e(g, {
+                children: /* @__PURE__ */ e(f, {
                     children: /* @__PURE__ */ e(ue, {
                         template: "10",
-                        children: /* @__PURE__ */ e(f, {
+                        children: /* @__PURE__ */ e(v, {
                             right: a,
                             children: n
                         })
@@ -375,7 +376,7 @@ const we = (param)=>{
                 })
             }),
             r && /* @__PURE__ */ e("div", {
-                className: S
+                className: T
             })
         ]
     });
@@ -384,7 +385,7 @@ const we = (param)=>{
     return /* @__PURE__ */ e("div", {
         className: U,
         "data-component-name": "NavigationBarActionGroup",
-        children: /* @__PURE__ */ e(v, {
+        children: /* @__PURE__ */ e(N, {
             space: 24,
             alignItems: "center",
             children: n
@@ -404,10 +405,10 @@ const we = (param)=>{
         dataAttributes: {
             "component-name": "NavigationBarAction"
         },
-        children: /* @__PURE__ */ e(v, {
+        children: /* @__PURE__ */ e(N, {
             space: 16,
             alignItems: "center",
-            children: k.Children.map(n, (r)=>typeof r == "string" ? /* @__PURE__ */ e(ee, {
+            children: x.Children.map(n, (r)=>typeof r == "string" ? /* @__PURE__ */ e(ee, {
                     regular: !0,
                     color: "inherit",
                     children: r

package/dist-es/navigation-breadcrumbs.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js";
-var r = "_1fniauj3", v = "_1fniauj2", f = "_1fniauj5 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas", i = "_1y2v1nfhb";
-export { r as current, v as link, f as list, i as listItem };
+var v = "_1fniauj3", a = "_1fniauj2", f = "_1fniauj5 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau", i = "_1y2v1nfhd";
+export { v as current, a as link, f as list, i as listItem };

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "15.0.0";
+const o = "15.2.0";
 export { o as PACKAGE_VERSION };

package/dist-es/pin-field.css-mistica.js

@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./pin-field.css.ts.vanilla.css-mistica.js";
-var p = "_3pc6ro1", y = "_3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k", f = "_3pc6ro0", o = "_3pc6ro4 _3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k", a = "_3pc6ro6", i = "_3pc6ro9", e = "_1y2v1nf3g", t = "1.000rem", c = "_3pc6ro5 _3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k";
-export { p as disabled, y as field, f as fieldContainer, o as focusedField, a as input, i as passwordDot, e as passwordInput, t as pinInputLineHeight, c as readOnlyField };
+var f = "_3pc6ro1", p = "_3pc6ro3 _1y2v1nfkb _1y2v1nfjr _1y2v1nfha _1y2v1nfk0 _1y2v1nfh4 _1y2v1nf3l", y = "_3pc6ro0", o = "_3pc6ro4 _3pc6ro3 _1y2v1nfkb _1y2v1nfjr _1y2v1nfha _1y2v1nfk0 _1y2v1nfh4 _1y2v1nf3l", a = "_3pc6ro6", i = "_3pc6ro9", e = "_1y2v1nf3h", t = "1.000rem", c = "_3pc6ro5 _3pc6ro3 _1y2v1nfkb _1y2v1nfjr _1y2v1nfha _1y2v1nfk0 _1y2v1nfh4 _1y2v1nf3l";
+export { f as disabled, p as field, y as fieldContainer, o as focusedField, a as input, i as passwordDot, e as passwordInput, t as pinInputLineHeight, c as readOnlyField };

package/dist-es/progress-bar.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./progress-bar.css.ts.vanilla.css-mistica.js";
-var v = "_1y2v1nfic _1y2v1nfk5", n = "_1y2v1nfk5 _1y2v1nfif _1y2v1nf4w", y = "j0y7r95", e = "j0y7r94", o = "j0y7r96";
-export { v as bar, n as barBackground, y as inverse, e as normal, o as progressBarSteppedContainer };
+var v = "_1y2v1nfie _1y2v1nfk7", n = "_1y2v1nfk7 _1y2v1nfih _1y2v1nf4x", e = "j0y7r95", y = "j0y7r94", o = "j0y7r96";
+export { v as bar, n as barBackground, e as inverse, y as normal, o as progressBarSteppedContainer };

package/dist-es/radio-button.css-mistica.js

@@ -1,10 +1,10 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./radio-button.css.ts.vanilla.css-mistica.js";
-var v = "c6dmsud", d = "c6dmsu5 _1y2v1nfh8 _1y2v1nfjr", c = "c6dmsu7 _1y2v1nf4s", s = {
+var d = "c6dmsud", r = "c6dmsu5 _1y2v1nfha _1y2v1nfjt", a = "c6dmsu7 _1y2v1nf4t", s = {
     default: "c6dmsub",
     ios: "c6dmsuc"
-}, a = {
-    default: "c6dmsu2 c6dmsu1 _1y2v1nfh9 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk8 _1y2v1nfhq _1y2v1nfjr _1y2v1nf3j",
-    ios: "c6dmsu3 c6dmsu1 _1y2v1nfh9 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk8 _1y2v1nfhq _1y2v1nfjr _1y2v1nf3j"
+}, c = {
+    default: "c6dmsu2 c6dmsu1 _1y2v1nfhb _1y2v1nfhp _1y2v1nfhj _1y2v1nfka _1y2v1nfhs _1y2v1nfjt _1y2v1nf3k",
+    ios: "c6dmsu3 c6dmsu1 _1y2v1nfhb _1y2v1nfhp _1y2v1nfhj _1y2v1nfka _1y2v1nfhs _1y2v1nfjt _1y2v1nf3k"
 }, f = "c6dmsu9 c6dmsu8", u = "c6dmsua c6dmsu8";
-export { v as disabled, d as innerCircle, c as innerCircleChecked, s as outerCircleCheckedVariants, a as outerCircleVariants, f as radioButton, u as radioButtonContainerDisabled };
+export { d as disabled, r as innerCircle, a as innerCircleChecked, s as outerCircleCheckedVariants, c as outerCircleVariants, f as radioButton, u as radioButtonContainerDisabled };

package/dist-es/responsive-layout.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 var e = {
-    inverse: "_1y2v1nf3s",
-    alternative: "_1y2v1nf3x"
-}, n = "_17lofg74", r = "_17lofg73", v = "_17lofg7a _1y2v1nfhv", t = "_17lofg75", i = "_17lofg78", f = "_17lofg72 _1y2v1nfhv";
-export { e as backgroundVariant, n as expandedResponsiveLayoutContainerDesktop, r as expandedResponsiveLayoutContainerMobile, v as fullWidth, t as fullwidthContainer, i as responsiveLayout, f as responsiveLayoutContainer };
+    inverse: "_1y2v1nf3t",
+    alternative: "_1y2v1nf3y"
+}, n = "_17lofg74", r = "_17lofg73", t = "_17lofg7a _1y2v1nfhx", v = "_17lofg75", i = "_17lofg78", f = "_17lofg72 _1y2v1nfhx";
+export { e as backgroundVariant, n as expandedResponsiveLayoutContainerDesktop, r as expandedResponsiveLayoutContainerMobile, t as fullWidth, v as fullwidthContainer, i as responsiveLayout, f as responsiveLayoutContainer };

package/dist-es/screen-reader-only.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./screen-reader-only.css.ts.vanilla.css-mistica.js";
-var y = "gwdgwo1 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjq";
+var y = "gwdgwo1 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfh5 _1y2v1nfkb _1y2v1nfjs";
 export { y as screenReaderOnly };

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

@@ -2,18 +2,18 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./select.css.ts.vanilla.css-mistica.js";
-var i = "_1sqpivvo _1y2v1nfh3", y = "_1sqpivvp", a = "_1sqpivvr _1y2v1nf9y _1y2v1nfb7 _1y2v1nf7a _1y2v1nf8j _1y2v1nf23 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfk8", s = "_1y2v1nf3x", r = {
+var i = "_1sqpivvo _1y2v1nfh5", y = "_1sqpivvp", a = "_1sqpivvr _1y2v1nfa0 _1y2v1nfb9 _1y2v1nf7c _1y2v1nf8l _1y2v1nf23 _1y2v1nfha _1y2v1nfhp _1y2v1nfka", s = "_1y2v1nf3y", p = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, p = "_1sqpivv6 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfh4 _1y2v1nfjy _1y2v1nf3k", t = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nfh2 _1y2v1nfk8",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfh2 _1y2v1nfk8"
+}, r = "_1sqpivv6 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfh6 _1y2v1nfk0 _1y2v1nf3l", t = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nfh4 _1y2v1nfka",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfh4 _1y2v1nfka"
 }, e = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjn _1y2v1nf23",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjn _1y2v1nf23"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nfh5 _1y2v1nfkb _1y2v1nfjp _1y2v1nf23",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfh5 _1y2v1nfkb _1y2v1nfjp _1y2v1nf23"
 }, q = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nf71 _1y2v1nf8a _1y2v1nfjq _1y2v1nfk9 _1y2v1nf23 _1y2v1nf70 _1y2v1nfhv",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf71 _1y2v1nf8a _1y2v1nfjq _1y2v1nfk9 _1y2v1nf23 _1y2v1nf70 _1y2v1nfhv"
+    default: "_1sqpivvh _1sqpivvg _1y2v1nf73 _1y2v1nf8c _1y2v1nfjs _1y2v1nfkb _1y2v1nf23 _1y2v1nf72 _1y2v1nfhx",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf73 _1y2v1nf8c _1y2v1nfjs _1y2v1nfkb _1y2v1nf23 _1y2v1nf72 _1y2v1nfhx"
 }, o = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",
@@ -21,4 +21,4 @@ var i = "_1sqpivvo _1y2v1nfh3", y = "_1sqpivvp", a = "_1sqpivvr _1y2v1nf9y _1y2v
     minWidth: "var(--_1sqpivv3)",
     maxHeight: "var(--_1sqpivv4)"
 };
-export { i as arrowDown, y as iconContainer, a as menuItem, s as menuItemSelected, r as optionsAnimationsVariants, p as optionsContainer, t as selectContainerVariants, e as selectTextVariants, q as selectVariants, o as vars };
+export { i as arrowDown, y as iconContainer, a as menuItem, s as menuItemSelected, p as optionsAnimationsVariants, r as optionsContainer, t as selectContainerVariants, e as selectTextVariants, q as selectVariants, o as vars };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./sheet.css.ts.vanilla.css-mistica.js";
-var y = "cylz3v6 _1y2v1nf3j", f = "cylz3v4 _1y2v1nfh4 _1y2v1nfku _1y2v1nfl9 _1y2v1nflo", _ = "cylz3v9 _1y2v1nf7p _1y2v1nfh8 _1y2v1nfhe", l = "cylz3vo", a = "_1y2v1nfke _1y2v1nfhu _1y2v1nfh8 _1y2v1nfhe", h = "cylz3vl", r = "cylz3v7", e = "_1y2v1nf4r _1y2v1nfi4 _1y2v1nfif _1y2v1nfjs", t = "cylz3vc _1y2v1nf7a _1y2v1nf8j _1y2v1nfh3 _1y2v1nfkf _1y2v1nfip _1y2v1nfhv _1y2v1nfh8 _1y2v1nfhh", o = "_1y2v1nfh8 _1y2v1nfhn _1y2v1nfik", i = "cylz3vf _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nfh3 _1y2v1nfkf _1y2v1nfl9", c = "cylz3vk _1y2v1nfh4 _1y2v1nf3u _1y2v1nfkf _1y2v1nfku _1y2v1nfl9 _1y2v1nflo", k = "cylz3vq _1y2v1nf7g _1y2v1nf8p _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh8 _1y2v1nfjl _1y2v1nfhn", z = "_1y2v1nfh6 _1y2v1nflo _1y2v1nf3j", s = "_1y2v1nfh6 _1y2v1nfkf _1y2v1nf3j", u = 400;
-export { y as Sheet, f as SheetContainer, _ as SheetContent, l as bodyContent, a as children, h as closingOverlay, r as closingSheet, e as handle, t as handleContainer, o as infoItemIcon, i as modalCloseButton, c as overlay, k as sheetActionRow, z as stickyButtons, s as stickyTitle, u as transitionDuration };
+var y = "cylz3v6 _1y2v1nf3k", f = "cylz3v4 _1y2v1nfh6 _1y2v1nfkw _1y2v1nflb _1y2v1nflq", _ = "cylz3v9 _1y2v1nf7r _1y2v1nfha _1y2v1nfhg", a = "cylz3vo", h = "_1y2v1nfkg _1y2v1nfhw _1y2v1nfha _1y2v1nfhg", r = "cylz3vl", l = "cylz3v7", t = "_1y2v1nf4s _1y2v1nfi6 _1y2v1nfih _1y2v1nfju", e = "cylz3vc _1y2v1nf7c _1y2v1nf8l _1y2v1nfh5 _1y2v1nfkh _1y2v1nfir _1y2v1nfhx _1y2v1nfha _1y2v1nfhj", o = "_1y2v1nfha _1y2v1nfhp _1y2v1nfim", i = "cylz3vf _1y2v1nf7o _1y2v1nf8x _1y2v1nfa6 _1y2v1nfbf _1y2v1nfh5 _1y2v1nfkh _1y2v1nflb", c = "cylz3vk _1y2v1nfh6 _1y2v1nf3v _1y2v1nfkh _1y2v1nfkw _1y2v1nflb _1y2v1nflq", k = "cylz3vq _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfjn _1y2v1nfhp", z = "_1y2v1nfh8 _1y2v1nflq _1y2v1nf3k", s = "_1y2v1nfh8 _1y2v1nfkh _1y2v1nf3k", b = 400;
+export { y as Sheet, f as SheetContainer, _ as SheetContent, a as bodyContent, h as children, r as closingOverlay, l as closingSheet, t as handle, e as handleContainer, o as infoItemIcon, i as modalCloseButton, c as overlay, k as sheetActionRow, z as stickyButtons, s as stickyTitle, b as transitionDuration };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./skeletons.css.ts.vanilla.css-mistica.js";
-var r = "zopolw2 _1y2v1nfha", o = "_1y2v1nfhq _1y2v1nfhs", h = "zopolw6 _1y2v1nfhr", a = "_1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh";
-export { r as animation, o as circle, h as line, a as row };
+var o = "zopolw2 _1y2v1nfhc", r = "_1y2v1nfhs _1y2v1nfhu", a = "zopolw6 _1y2v1nfht", f = "_1y2v1nfha _1y2v1nfhp _1y2v1nfhj";
+export { o as animation, r as circle, a as line, f as row };

package/dist-es/skins/blau.js

@@ -164,7 +164,8 @@ const e = {
             tagBackgroundInactive: e.grey1,
             tagBackgroundSuccess: e.blauGreen10,
             tagBackgroundWarning: e.blauYellow10,
-            tagBackgroundError: e.blauRed10
+            tagBackgroundError: e.blauRed10,
+            cardContentOverlay: `linear-gradient(180deg, ${r(e.grey6, 0)} 0%, ${r(e.grey6, 0.4)} 30%, ${r(e.grey6, 0.7)} 100%)`
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -290,7 +291,8 @@ const e = {
             tagBackgroundInactive: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
-            tagBackgroundError: e.darkModeGrey6
+            tagBackgroundError: e.darkModeGrey6,
+            cardContentOverlay: `linear-gradient(180deg, ${r(e.grey6, 0)} 0%, ${r(e.grey6, 0.4)} 30%, ${r(e.grey6, 0.7)} 100%)`
         },
         borderRadii: {
             avatar: "50%",

package/dist-es/skins/constants.js

@@ -1,2 +1,2 @@
-const o = "Movistar", I = "O2", n = "Vivo", t = "Vivo-new", N = "Telefonica", c = "Blau", s = "Tu";
-export { c as BLAU_SKIN, o as MOVISTAR_SKIN, I as O2_SKIN, N as TELEFONICA_SKIN, s as TU_SKIN, t as VIVO_NEW_SKIN, n as VIVO_SKIN };
+const o = "Movistar", I = "O2", n = "O2-new", N = "Vivo", t = "Vivo-new", _ = "Telefonica", c = "Blau", s = "Tu";
+export { c as BLAU_SKIN, o as MOVISTAR_SKIN, n as O2_NEW_SKIN, I as O2_SKIN, _ as TELEFONICA_SKIN, s as TU_SKIN, t as VIVO_NEW_SKIN, N as VIVO_SKIN };

package/dist-es/skins/movistar.js

@@ -1,4 +1,4 @@
-import { MOVISTAR_SKIN as t } from "./constants.js";
+import { MOVISTAR_SKIN as a } from "./constants.js";
 import { applyAlpha as r } from "../utils/color.js";
 const e = {
     movistarBlue: "#019DF4",
@@ -34,6 +34,7 @@ const e = {
     grey5: "#86888C",
     grey6: "#313235",
     white: "#FFFFFF",
+    black: "#000000",
     movistarBlueDark: "#0B2739",
     darkModeBlack: "#061824",
     darkModeGrey: "#081F2E",
@@ -43,7 +44,7 @@ const e = {
     darkModeGrey5: "#6D7D88",
     darkModeGrey6: "#3C5261"
 }, d = ()=>({
-        name: t,
+        name: a,
         colors: {
             background: e.white,
             backgroundAlternative: e.grey1,
@@ -168,7 +169,8 @@ const e = {
             tagBackgroundInactive: e.grey1,
             tagBackgroundSuccess: e.movistarGreen10,
             tagBackgroundWarning: e.egg10,
-            tagBackgroundError: e.pepper10
+            tagBackgroundError: e.pepper10,
+            cardContentOverlay: `linear-gradient(180deg, ${r(e.black, 0)} 0%, ${r(e.black, 0.4)} 30%, ${r(e.black, 0.7)} 100%)`
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -294,7 +296,8 @@ const e = {
             tagBackgroundInactive: e.movistarBlueDark,
             tagBackgroundSuccess: e.movistarBlueDark,
             tagBackgroundWarning: e.movistarBlueDark,
-            tagBackgroundError: e.movistarBlueDark
+            tagBackgroundError: e.movistarBlueDark,
+            cardContentOverlay: `linear-gradient(180deg, ${r(e.black, 0)} 0%, ${r(e.black, 0.4)} 30%, ${r(e.black, 0.7)} 100%)`
         },
         borderRadii: {
             avatar: "50%",