@telefonica/mistica 13.4.0 → 13.6.0

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./list.css.ts.vanilla.js";
-var _ = "_1y2v1nf5g _1y2v1nf5y _1y2v1nf60", y = "_1y2v1nf5p _1y2v1nf8o _1y2v1nf83 _1y2v1nf5y", f = "_1y2v1nf5g _1y2v1nf5v", a = "_1y2v1nf5g _1y2v1nf7n _1y2v1nf99", r = "_2buj9g0", e = "_1y2v1nf5g _1y2v1nf5l", o = "_1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5i _1y2v1nf9e _1y2v1nf5a _1y2v1nf70 _1y2v1nf7e _1y2v1nf61", t = "_2buj9gi _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5i _1y2v1nf9e _1y2v1nf5a _1y2v1nf70 _1y2v1nf7e _1y2v1nf5g _1y2v1nf5v _1y2v1nf60 _1y2v1nf7o", g = "_2buj9g1", i = "_1y2v1nf9l", d = "_2buj9gb", u = "_1y2v1nf5g _1y2v1nf5m _1y2v1nf62", b = "_1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf7n _1y2v1nf9e _1y2v1nf5a";
-export { _ as asset, y as badge, f as center, a as content, r as disabled, e as dualActionContainer, o as dualActionLeft, t as dualActionRight, g as hoverBackground, i as pointer, d as right, u as rowBody, b as rowContent };
+var _ = "_1y2v1nf5i _1y2v1nf60 _1y2v1nf62", f = "_1y2v1nf5r _1y2v1nf8q _1y2v1nf85 _1y2v1nf60", y = "_1y2v1nf5i _1y2v1nf5x", r = "_1y2v1nf5i _1y2v1nf7p _1y2v1nf9b", a = "_2buj9g0", i = "_1y2v1nf5i _1y2v1nf5n", t = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf63", o = "_2buj9gi _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf5x _1y2v1nf62 _1y2v1nf7q", g = "_2buj9g1", e = "_1y2v1nf9n", b = "_2buj9gb", c = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf64", d = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";
+export { _ as asset, f as badge, y as center, r as content, a as disabled, i as dualActionContainer, t as dualActionLeft, o as dualActionRight, g as hoverBackground, e as pointer, b as right, c as rowBody, d as rowContent };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./loading-bar.css.ts.vanilla.js";
-var r = 400, _ = "_1num3qg9", a = "_1num3qga", e = "_1num3qgb", f = "_1num3qgc", y = "_1num3qg8 _1y2v1nf83", g = "_1num3qg3 _1y2v1nf5d _1y2v1nf9o _1y2v1nfa2 _1y2v1nfag", t = "_1num3qg6 _1y2v1nf5c _1y2v1nf83 _1y2v1nf7n", m = "_1y2v1nf7n _1y2v1nf9m _1y2v1nf5b _1y2v1nf3o _1y2v1nf86";
-export { r as TRANSITION_DURATION_MS, _ as enter, a as enterActive, e as exit, f as exitActive, y as innerProgress, g as portal, t as progress, m as progressContainer };
+var r = 400, _ = "_1num3qg9", e = "_1num3qga", a = "_1num3qgb", f = "_1num3qgc", y = "_1num3qg8 _1y2v1nf85", t = "_1num3qg3 _1y2v1nf5f _1y2v1nf9q _1y2v1nfa4 _1y2v1nfai", g = "_1num3qg6 _1y2v1nf5e _1y2v1nf85 _1y2v1nf7p", i = "_1y2v1nf7p _1y2v1nf9o _1y2v1nf5d _1y2v1nf3q _1y2v1nf88";
+export { r as TRANSITION_DURATION_MS, _ as enter, e as enterActive, a as exit, f as exitActive, y as innerProgress, t as portal, g as progress, i as progressContainer };

package/dist-es/maybe-dismissable.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./maybe-dismissable.css.ts.vanilla.js";
-var y = "cim30m2 _1y2v1nf5c _1y2v1nf9o _1y2v1nfag _1y2v1nf7y _1y2v1nf8d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p", f = "cim30m4 _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf7v _1y2v1nf8a _1y2v1nf9f", _ = "_1y2v1nf5b _1y2v1nf5g _1y2v1nf5y";
-export { y as dismissableButton, f as dismissableCircleContainer, _ as dismissableContainer };
+var f = "cim30m2 _1y2v1nf5e _1y2v1nf9q _1y2v1nfai _1y2v1nf80 _1y2v1nf8f _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r", i = "cim30m4 _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf7x _1y2v1nf8c _1y2v1nf9h", y = "_1y2v1nf5d _1y2v1nf5i _1y2v1nf60";
+export { f as dismissableButton, i as dismissableCircleContainer, y as dismissableContainer };

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

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./menu.css.ts.vanilla.js";
-var k = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf2p _1y2v1nf9i", a = "_2k0k3u8", t = {
+var r = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf2q _1y2v1nf9k _1y2v1nf5i _1y2v1nf5o _1y2v1nf5e", a = "_2k0k3u8", n = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
-    right: "var(--_2k0k3u2)",
+    left: "var(--_2k0k3u2)",
     width: "var(--_2k0k3u3)",
-    transformOrigin: "var(--_2k0k3u4)",
-    maxHeight: "var(--_2k0k3u5)"
+    maxHeight: "var(--_2k0k3u4)",
+    transformOrigin: "var(--_2k0k3u5)"
 };
-export { k as hideItems, _ as menuContainer, a as showItems, t as vars };
+export { r as hideItems, _ as menuContainer, a as showItems, n as vars };

package/dist-es/menu.js

@@ -50,112 +50,116 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import * as e from "react";
-import k from "classnames";
-import { assignInlineVars as D } from "@vanilla-extract/dynamic";
-import { TAB as R, ESC as F } from "./utils/key-codes.js";
-import { getPrefixedDataAttributes as L, cancelEvent as S } from "./utils/dom.js";
-import B from "./overlay.js";
-import { menuContainer as N, showItems as _, hideItems as $, vars as s } from "./menu.css-mistica.js";
-import { sprinkles as j } from "./sprinkles.css-mistica.js";
-import { jsxs as q, jsx as G } from "./_virtual/jsx-runtime.js";
-const h = 416, Y = (param)=>{
-    let { renderTarget: I , renderMenu: b , width: l , position: d = "left" , dataAttributes: v  } = param;
-    const [t, i] = e.useState(!1), [a, w] = e.useState(null), [u, y] = e.useState(null), [H, x] = e.useState(!1), [r, c] = e.useState(null);
-    e.useEffect(()=>{
-        var M;
+import * as t from "react";
+import _ from "classnames";
+import { TAB as k, ESC as B } from "./utils/key-codes.js";
+import { getPrefixedDataAttributes as N, cancelEvent as H } from "./utils/dom.js";
+import U from "./overlay.js";
+import { menuContainer as j, showItems as q, hideItems as z, vars as r } from "./menu.css-mistica.js";
+import { useWindowSize as G } from "./hooks.js";
+import { Portal as V } from "./portal.js";
+import { assignInlineVars as W } from "@vanilla-extract/dynamic";
+import { jsxs as K, jsx as b } from "./_virtual/jsx-runtime.js";
+const J = 350, f = 400, v = 12, rt = (param)=>{
+    let { renderTarget: y , renderMenu: A , width: c = J , position: O = "left" , dataAttributes: P  } = param;
+    const [e, i] = t.useState(!1), [a, M] = t.useState(null), [u, C] = t.useState(null), [T, w] = t.useState(!1), [s, m] = t.useState(null), p = G();
+    t.useEffect(()=>{
+        var I;
         const o = a == null ? void 0 : a.getBoundingClientRect();
-        if (!u || !o || !t) {
-            x(!1);
+        if (!u || !o || !e) {
+            w(!1);
             return;
         }
-        const n = 12, { top: f , width: O , height: C  } = o, m = f + C, P = (M = parseInt(window.getComputedStyle(u).getPropertyValue("height"))) != null ? M : 0, p = d === "left" ? "auto" : `calc(100% - ${O}px)`;
-        if (m + P + n > window.innerHeight) {
-            const T = window.innerHeight - m;
-            f > T ? c({
-                right: p,
-                bottom: "100%",
-                top: "auto",
-                maxHeight: Math.min(f, h),
-                transformOrigin: "center bottom"
-            }) : c({
-                top: "100%",
-                bottom: "auto",
-                right: p,
-                maxHeight: Math.min(window.innerHeight - m - n, h),
-                transformOrigin: "center top"
-            });
-        } else c({
-            top: "100%",
+        const { top: n , width: $ , left: E , bottom: d  } = o, g = (I = parseInt(window.getComputedStyle(u).getPropertyValue("height"))) != null ? I : 0, l = O === "left" ? E : E + $ - c, h = p.height - d - v, x = n - v, L = h > g, R = x > g;
+        L ? m({
+            left: l,
+            top: `${d}px`,
+            bottom: "auto",
+            maxHeight: f,
+            transformOrigin: "center top"
+        }) : R ? m({
+            left: l,
+            top: `${n - g}px`,
+            bottom: "auto",
+            maxHeight: f,
+            transformOrigin: "center bottom"
+        }) : h > x ? m({
+            left: l,
+            top: `${d}px`,
             bottom: "auto",
-            right: p,
-            maxHeight: Math.min(window.innerHeight - m - n, h),
+            maxHeight: Math.min(h, f),
             transformOrigin: "center top"
+        }) : m({
+            left: l,
+            top: "auto",
+            bottom: `${p.height - n}px`,
+            maxHeight: Math.min(x, f),
+            transformOrigin: "center bottom"
         });
-        let g;
-        return t && (g = requestAnimationFrame(()=>{
-            x(!0);
+        let S;
+        return e && (S = requestAnimationFrame(()=>{
+            w(!0);
         })), ()=>{
-            g && cancelAnimationFrame(g);
+            S && cancelAnimationFrame(S);
         };
     }, [
-        d,
-        t,
+        O,
+        e,
         u,
         a,
-        l
+        c,
+        p
     ]);
-    const A = e.useMemo(()=>({
-            ref: w,
+    const D = t.useMemo(()=>({
+            ref: M,
             onPress: ()=>{
-                i(!t);
+                i(!e);
             }
         }), [
-        w,
-        t,
+        M,
+        e,
         i
-    ]), E = e.useMemo(()=>({
-            ref: y,
-            className: k(N, H ? _ : $),
+    ]), F = t.useMemo(()=>({
+            ref: C,
+            className: _(j, T ? q : z),
             close: ()=>{
                 i(!1);
             }
         }), [
-        H
+        T
     ]);
-    return e.useEffect(()=>{
+    return t.useEffect(()=>{
         const o = (n)=>{
-            t && (n.keyCode === R && S(n), n.keyCode === F && i(!1));
+            e && (n.keyCode === k && H(n), n.keyCode === B && i(!1));
         };
         return document.addEventListener("keydown", o, !1), ()=>{
             document.removeEventListener("keydown", o, !1);
         };
-    }), /* @__PURE__ */ q("div", _objectSpreadProps(_objectSpread({
-        className: j({
-            position: "relative"
-        }),
-        style: _objectSpread({}, D(_objectSpread({
-            [s.width]: l ? `${l}px` : "100%"
-        }, r ? {
-            [s.top]: r.top,
-            [s.bottom]: r.bottom,
-            [s.right]: r.right,
-            [s.transformOrigin]: r.transformOrigin,
-            [s.maxHeight]: `${r.maxHeight}px`
-        } : {})))
-    }, L(v, "Menu")), {
+    }), /* @__PURE__ */ K("div", _objectSpreadProps(_objectSpread({}, N(P, "Menu")), {
         children: [
-            t ? /* @__PURE__ */ G(B, {
-                onPress: (o)=>{
-                    S(o), i(!1);
-                },
-                disableScroll: !0
-            }) : null,
-            I(_objectSpreadProps(_objectSpread({}, A), {
-                isMenuOpen: t
+            y(_objectSpreadProps(_objectSpread({}, D), {
+                isMenuOpen: e
             })),
-            t ? b(E) : null
+            e ? /* @__PURE__ */ b(V, {
+                children: /* @__PURE__ */ b(U, {
+                    onPress: (o)=>{
+                        H(o), i(!1);
+                    },
+                    disableScroll: !0,
+                    children: /* @__PURE__ */ b("div", {
+                        style: _objectSpread({}, W(_objectSpread({}, s ? {
+                            [r.top]: s.top,
+                            [r.bottom]: s.bottom,
+                            [r.left]: `${s.left}px`,
+                            [r.transformOrigin]: s.transformOrigin,
+                            [r.maxHeight]: `${s.maxHeight}px`,
+                            [r.width]: `${c}px`
+                        } : {}))),
+                        children: A(F)
+                    })
+                })
+            }) : null
         ]
     }));
 };
-export { Y as default };
+export { rt as default };

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

@@ -1,17 +1,17 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./navigation-bar.css.ts.vanilla.js";
-var y = "_1vcy5dz1 _1y2v1nf5b _1y2v1nf7v _1y2v1nf8a", _ = "_1vcy5dzr _1y2v1nf5d _1y2v1nf9y _1y2v1nfa2 _1y2v1nfag _1y2v1nf2o", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", a = "_1vcy5dzo", c = {
-    default: "_1vcy5dzu _1y2v1nf1e",
-    inverse: "_1vcy5dzv _1y2v1nf1d"
-}, d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf5c", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf5c", t = "_1vcy5dzw", z = "_1y2v1nf5g _1y2v1nf5p", o = {
-    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h",
-    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h",
-    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h"
-}, u = "_1vcy5dze _1y2v1nf6y _1y2v1nf7c _1y2v1nf8h _1y2v1nf5g _1y2v1nf5v _1y2v1nf9e _1y2v1nf5a", g = {
+var y = "_1vcy5dz1 _1y2v1nf5d _1y2v1nf7x _1y2v1nf8c", _ = "_1vcy5dzr _1y2v1nf5f _1y2v1nfa0 _1y2v1nfa4 _1y2v1nfai _1y2v1nf2p", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", a = "_1vcy5dzo", c = {
+    default: "_1vcy5dzu _1y2v1nf1f",
+    inverse: "_1vcy5dzv _1y2v1nf1e"
+}, d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf5e", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf5e", t = "_1vcy5dzw", z = "_1y2v1nf5i _1y2v1nf5r", o = {
+    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf6a _1y2v1nf6o _1y2v1nf5i _1y2v1nf5x _1y2v1nf7p _1y2v1nf8j",
+    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf6a _1y2v1nf6o _1y2v1nf5i _1y2v1nf5x _1y2v1nf7p _1y2v1nf8j",
+    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf6a _1y2v1nf6o _1y2v1nf5i _1y2v1nf5x _1y2v1nf7p _1y2v1nf8j"
+}, u = "_1vcy5dze _1y2v1nf70 _1y2v1nf7e _1y2v1nf8j _1y2v1nf5i _1y2v1nf5x _1y2v1nf9g _1y2v1nf5c", p = {
     default: "_1vcy5dzf",
     inverse: "_1vcy5dzg"
-}, s = "_1vcy5dzk _1y2v1nf8h", l = {
+}, s = "_1vcy5dzk _1y2v1nf8j", x = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, b = "_1vcy5dz7 _1y2v1nf5d _1y2v1nf9o _1y2v1nfa2 _1y2v1nfag";
-export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuEnter, r as burgerMenuEnterActive, f as burgerMenuExit, a as burgerMenuExitActive, c as iconButtonVariants, d as iconCloseHidden, i as iconMenuHidden, t as lineHeightFix, z as logoContainer, o as navbarBorderColorVariants, u as section, g as selectedSectionVariantes, s as spacer, l as textWrapperVariants, b as topFixed };
+}, g = "_1vcy5dz7 _1y2v1nf5f _1y2v1nf9q _1y2v1nfa4 _1y2v1nfai";
+export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuEnter, r as burgerMenuEnterActive, f as burgerMenuExit, a as burgerMenuExitActive, c as iconButtonVariants, d as iconCloseHidden, i as iconMenuHidden, t as lineHeightFix, z as logoContainer, o as navbarBorderColorVariants, u as section, p as selectedSectionVariantes, s as spacer, x as textWrapperVariants, g as topFixed };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./navigation-breadcrumbs.css.ts.vanilla.js";
-var r = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79", _ = "_1y2v1nf5j";
-export { r as current, f as link, i as list, _ as listItem };
+var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b", _ = "_1y2v1nf5l";
+export { v as current, f as link, i as list, _ as listItem };

package/dist-es/package-version.js

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

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./password-field.css.ts.vanilla.js";
-var v = "ptqylz1 _1y2v1nf66 _1y2v1nf6k _1y2v1nf6y _1y2v1nf7c _1y2v1nf9f _1y2v1nf5a";
-export { v as shadow };
+var f = "ptqylz1 _1y2v1nf68 _1y2v1nf6m _1y2v1nf70 _1y2v1nf7e _1y2v1nf9h _1y2v1nf5c";
+export { f as shadow };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./popover.css.ts.vanilla.js";
-var r = "_12igu661 _1y2v1nf5c _1y2v1nf9o _1y2v1nf9d _1y2v1nf9g _1y2v1nf2p", t = 12, o = "_12igu663 _1y2v1nf5c _1y2v1nf2 _1y2v1nf9m", a = "_12igu669 _1y2v1nf5c _1y2v1nf9r _1y2v1nfaj", _ = "_12igu665 _1y2v1nf5c _1y2v1nf7o _1y2v1nf2p _1y2v1nf9d _1y2v1nf9i", f = "bottom", i = "top", y = 20, e = 16, g = 488, p = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf83", c = "_12igu667";
-export { r as arrow, t as arrowSize, o as arrowWrapper, a as closeButtonIcon, _ as container, f as defaultPositionDesktop, i as defaultPositionMobile, y as distanceToTarget, e as marginLeftRightMobile, g as maxWidthDesktop, p as textAlign, c as textContent };
+var t = "_12igu661 _1y2v1nf5e _1y2v1nf9q _1y2v1nf9f _1y2v1nf9i _1y2v1nf2q", r = 12, a = "_12igu663 _1y2v1nf5e _1y2v1nf2 _1y2v1nf9o", f = "_12igu669 _1y2v1nf5e _1y2v1nf9t _1y2v1nfal", o = "_12igu665 _1y2v1nf5e _1y2v1nf7q _1y2v1nf2q _1y2v1nf9f _1y2v1nf9k", _ = "bottom", i = "top", e = 20, y = 16, g = 488, p = "_1y2v1nf5i _1y2v1nf5x _1y2v1nf85", u = "_12igu667";
+export { t as arrow, r as arrowSize, a as arrowWrapper, f as closeButtonIcon, o as container, _ as defaultPositionDesktop, i as defaultPositionMobile, e as distanceToTarget, y as marginLeftRightMobile, g as maxWidthDesktop, p as textAlign, u as textContent };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./progress-bar.css.ts.vanilla.js";
-var n = "j0y7r93 _1y2v1nf83 _1y2v1nf9g", y = "_1y2v1nf9g _1y2v1nf86 _1y2v1nf3k";
+var n = "j0y7r93 _1y2v1nf85 _1y2v1nf9i", y = "_1y2v1nf9i _1y2v1nf88 _1y2v1nf3m";
 export { n as bar, y as barBackground };

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

@@ -1,10 +1,10 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./radio-button.css.ts.vanilla.js";
-var f = "c6dmsub", r = "c6dmsu5 _1y2v1nf5g _1y2v1nf9f", y = "c6dmsu7 _1y2v1nf3l", d = {
+var r = "c6dmsub", f = "c6dmsu5 _1y2v1nf5i _1y2v1nf9h", d = "c6dmsu7 _1y2v1nf3n", y = {
     default: "c6dmsu9",
     ios: "c6dmsua"
 }, _ = {
-    default: "c6dmsu2 c6dmsu1 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf9l _1y2v1nf5y _1y2v1nf9f _1y2v1nf2o",
-    ios: "c6dmsu3 c6dmsu1 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf9l _1y2v1nf5y _1y2v1nf9f _1y2v1nf2o"
+    default: "c6dmsu2 c6dmsu1 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf9n _1y2v1nf60 _1y2v1nf9h _1y2v1nf2p",
+    ios: "c6dmsu3 c6dmsu1 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf9n _1y2v1nf60 _1y2v1nf9h _1y2v1nf2p"
 }, c = "c6dmsu8";
-export { f as disabled, r as innerCircle, y as innerCircleChecked, d as outerCircleCheckedVariants, _ as outerCircleVariants, c as radioButton };
+export { r as disabled, f as innerCircle, d as innerCircleChecked, y as outerCircleCheckedVariants, _ as outerCircleVariants, c as radioButton };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./responsive-layout.css.ts.vanilla.js";
-var o = "_1y2v1nf7n", v = "_17lofg75 _1y2v1nf7n", a = "_1y2v1nf2q", e = "_17lofg73";
-export { o as container, v as fullWidth, a as inverseBackground, e as responsiveLayout };
+var v = "_1y2v1nf7p", n = "_17lofg75 _1y2v1nf7p", a = "_1y2v1nf2r", e = "_17lofg73";
+export { v as container, n as fullWidth, a as inverseBackground, e as responsiveLayout };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./screen-reader-only.css.ts.vanilla.js";
-var y = "gwdgwo1 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf9m _1y2v1nf9e";
+var y = "gwdgwo1 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf9o _1y2v1nf9g";
 export { y as screenReaderOnly };

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

@@ -1,17 +1,17 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./select.css.ts.vanilla.js";
-var _ = "_1sqpivvo _1y2v1nf5c _1y2v1nfal", f = "_1sqpivvq _1y2v1nf70 _1y2v1nf7e _1y2v1nf66 _1y2v1nf6k _1y2v1nf1n _1y2v1nf5g _1y2v1nf5v _1y2v1nf9l _1y2v1nf8d", i = "_1y2v1nf2u", y = {
+var n = "_1sqpivvo _1y2v1nf5e _1y2v1nfan", f = "_1sqpivvq _1y2v1nf72 _1y2v1nf7g _1y2v1nf68 _1y2v1nf6m _1y2v1nf1o _1y2v1nf5i _1y2v1nf5x _1y2v1nf9n _1y2v1nf8f", i = "_1y2v1nf2w", y = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, a = "_1sqpivv6 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf9i _1y2v1nf2p", s = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nf5b",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5b"
+}, s = "_1sqpivv6 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf9k _1y2v1nf2q", a = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nf5d",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5d"
 }, e = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nf5c _1y2v1nf9m _1y2v1nf9b _1y2v1nf1n",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf5c _1y2v1nf9m _1y2v1nf9b _1y2v1nf1n"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nf5e _1y2v1nf9o _1y2v1nf9d _1y2v1nf1o",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf5e _1y2v1nf9o _1y2v1nf9d _1y2v1nf1o"
 }, p = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nf9e _1y2v1nf1n _1y2v1nf5a _1y2v1nf7n _1y2v1nf83",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf9e _1y2v1nf1n _1y2v1nf5a _1y2v1nf7n _1y2v1nf83"
+    default: "_1sqpivvh _1sqpivvg _1y2v1nf9g _1y2v1nf1o _1y2v1nf5c _1y2v1nf7p _1y2v1nf85",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf9g _1y2v1nf1o _1y2v1nf5c _1y2v1nf7p _1y2v1nf85"
 }, r = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",
@@ -19,4 +19,4 @@ var _ = "_1sqpivvo _1y2v1nf5c _1y2v1nfal", f = "_1sqpivvq _1y2v1nf70 _1y2v1nf7e
     minWidth: "var(--_1sqpivv3)",
     maxHeight: "var(--_1sqpivv4)"
 };
-export { _ as arrowDown, f as menuItem, i as menuItemSelected, y as optionsAnimationsVariants, a as optionsContainer, s as selectContainerVariants, e as selectTextVariants, p as selectVariants, r as vars };
+export { n as arrowDown, f as menuItem, i as menuItemSelected, y as optionsAnimationsVariants, s as optionsContainer, a as selectContainerVariants, e as selectTextVariants, p as selectVariants, r as vars };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./skeletons.css.ts.vanilla.js";
-var o = "zopolw2 _1y2v1nf5i", r = "_1y2v1nf5y _1y2v1nf60", y = "zopolw6 _1y2v1nf5z", f = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf5p";
-export { o as animation, r as circle, y as line, f as row };
+var r = "zopolw2 _1y2v1nf5k", o = "_1y2v1nf60 _1y2v1nf62", f = "zopolw6 _1y2v1nf61", i = "_1y2v1nf5i _1y2v1nf5x _1y2v1nf5r";
+export { r as animation, o as circle, f as line, i as row };

package/dist-es/skins/blau.js

@@ -45,6 +45,7 @@ const e = {
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: e.blauBluePrimary,
+            backgroundBrandSecondary: e.blauBluePrimary,
             backgroundOverlay: r(e.blauBlueSecondary, 0.75),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: r(e.white, 0.2),
@@ -137,6 +138,7 @@ const e = {
         },
         darkModeColors: {
             backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             background: e.darkModeBlack,
             appBarBackground: e.darkModeGrey,
             backgroundContainer: e.darkModeGrey,

package/dist-es/skins/movistar.js

@@ -50,6 +50,7 @@ const e = {
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: e.movistarBlue,
+            backgroundBrandSecondary: e.movistarBlue,
             backgroundOverlay: r(e.grey6, 0.6),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: e.movistarBlue55,
@@ -146,6 +147,7 @@ const e = {
             background: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
             backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: r(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.grey6,
             backgroundSkeletonInverse: e.grey6,

package/dist-es/skins/o2-classic.js

@@ -57,6 +57,7 @@ const e = {
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
+            backgroundBrandSecondary: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
             backgroundOverlay: r(e.grey6, 0.6),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: r(e.white, 0.2),
@@ -152,6 +153,7 @@ const e = {
             background: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
             backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: r(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.darkModeGrey6,
             backgroundSkeletonInverse: e.darkModeGrey6,

package/dist-es/skins/o2.js

@@ -47,6 +47,7 @@ const e = {
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: e.o2BluePrimary,
+            backgroundBrandSecondary: e.o2BluePrimary,
             backgroundOverlay: r(e.grey6, 0.6),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: r(e.white, 0.2),
@@ -142,6 +143,7 @@ const e = {
             background: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
             backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: r(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.darkModeGrey6,
             backgroundSkeletonInverse: e.darkModeGrey6,