@telefonica/mistica 13.3.0 → 13.5.0

package/dist-es/header.js

@@ -87,9 +87,9 @@ import v from "./overscroll-color-context.js";
 import { Text6 as B, Text3 as u, Text8 as R, Text7 as j } from "./text.js";
 import G from "./button-group.js";
 import { vars as p } from "./skins/skin-contract.css-mistica.js";
-import { jsxs as o, jsx as r } from "./_virtual/jsx-runtime.js";
+import { jsxs as t, jsx as r } from "./_virtual/jsx-runtime.js";
 const J = (param)=>{
-    let { pretitle: i , title: e , description: t , dataAttributes: n , preamount: a , amount: s , button: c , subtitle: g , isErrorAmount: H , secondaryButton: x  } = param;
+    let { pretitle: i , title: e , description: o , dataAttributes: n , preamount: c , amount: s , button: a , subtitle: g , isErrorAmount: H , secondaryButton: x  } = param;
     const { isTabletOrSmaller: L  } = h(), O = P(), f = (m, y)=>{
         if (typeof m == "string") return /* @__PURE__ */ r(u, _objectSpreadProps(_objectSpread({
             regular: !0
@@ -105,13 +105,13 @@ const J = (param)=>{
             children: m.text
         }));
     };
-    return /* @__PURE__ */ o(l, {
+    return /* @__PURE__ */ t(l, {
         space: L ? 24 : 32,
         dataAttributes: n,
         children: [
-            (e || i || t) && /* @__PURE__ */ r(d, {
+            (e || i || o) && /* @__PURE__ */ r(d, {
                 paddingRight: 16,
-                children: /* @__PURE__ */ o(l, {
+                children: /* @__PURE__ */ t(l, {
                     space: 8,
                     children: [
                         i && f(i, {
@@ -122,21 +122,21 @@ const J = (param)=>{
                             "aria-level": 2,
                             children: e
                         }),
-                        t && /* @__PURE__ */ r(u, {
+                        o && /* @__PURE__ */ r(u, {
                             regular: !0,
                             color: p.colors.textSecondary,
-                            children: t
+                            children: o
                         })
                     ]
                 })
             }),
-            (a || s || c || g) && /* @__PURE__ */ o(l, {
+            (c || s || a || g) && /* @__PURE__ */ t(l, {
                 space: 16,
                 children: [
-                    (a || s) && /* @__PURE__ */ o(l, {
+                    (c || s) && /* @__PURE__ */ t(l, {
                         space: 8,
                         children: [
-                            a && f(a, {
+                            c && f(c, {
                                 color: p.colors.textPrimary
                             }),
                             /* @__PURE__ */ r(R, {
@@ -145,8 +145,8 @@ const J = (param)=>{
                             })
                         ]
                     }),
-                    (c || x) && /* @__PURE__ */ r(G, {
-                        primaryButton: c,
+                    (a || x) && /* @__PURE__ */ r(G, {
+                        primaryButton: a,
                         secondaryButton: x
                     }),
                     g && f(g, {})
@@ -155,12 +155,12 @@ const J = (param)=>{
         ]
     });
 }, K = (param)=>{
-    let { title: i , description: e , button: t  } = param;
+    let { title: i , description: e , button: o  } = param;
     const { isTabletOrSmaller: n  } = h();
-    return /* @__PURE__ */ o(l, {
+    return /* @__PURE__ */ t(l, {
         space: 32,
         children: [
-            /* @__PURE__ */ o(l, {
+            /* @__PURE__ */ t(l, {
                 space: n ? 12 : 16,
                 children: [
                     i && /* @__PURE__ */ r(j, {
@@ -173,39 +173,39 @@ const J = (param)=>{
                     })
                 ]
             }),
-            t
+            o
         ]
     });
 }, N = (param)=>{
-    let { isInverse: i = !0 , breadcrumbs: e , header: t , extra: n , sideBySideExtraOnDesktop: a = !1 , dataAttributes: s  } = param;
-    const { isTabletOrSmaller: c  } = h();
-    return /* @__PURE__ */ o(S, {
+    let { isInverse: i = !0 , breadcrumbs: e , header: o , extra: n , sideBySideExtraOnDesktop: c = !1 , dataAttributes: s  } = param;
+    const { isTabletOrSmaller: a  } = h();
+    return /* @__PURE__ */ t(S, {
         isInverse: i,
         dataAttributes: _objectSpread({
             "component-name": "HeaderLayout"
         }, s),
         children: [
             /* @__PURE__ */ r(v, {}),
-            c ? /* @__PURE__ */ r(d, {
-                paddingTop: 32,
+            a ? /* @__PURE__ */ r(d, {
+                paddingTop: o ? 32 : 0,
                 paddingBottom: 24,
-                children: /* @__PURE__ */ o(l, {
+                children: /* @__PURE__ */ t(l, {
                     space: 24,
                     children: [
-                        t,
+                        o,
                         n
                     ]
                 })
-            }) : a ? /* @__PURE__ */ r(d, {
+            }) : c ? /* @__PURE__ */ r(d, {
                 paddingTop: e ? 16 : 48,
                 paddingBottom: 48,
                 children: /* @__PURE__ */ r(T, {
                     template: "6+6",
-                    left: /* @__PURE__ */ o(l, {
+                    left: /* @__PURE__ */ t(l, {
                         space: 32,
                         children: [
                             e,
-                            t
+                            o
                         ]
                     }),
                     right: n
@@ -213,14 +213,14 @@ const J = (param)=>{
             }) : /* @__PURE__ */ r(d, {
                 paddingTop: e ? 16 : 48,
                 paddingBottom: 48,
-                children: /* @__PURE__ */ o(l, {
-                    space: c ? 24 : 32,
+                children: /* @__PURE__ */ t(l, {
+                    space: a ? 24 : 32,
                     children: [
-                        /* @__PURE__ */ o(l, {
+                        /* @__PURE__ */ t(l, {
                             space: 32,
                             children: [
                                 e,
-                                t
+                                o
                             ]
                         }),
                         n
@@ -231,12 +231,12 @@ const J = (param)=>{
     });
 }, Q = (param)=>{
     let { isInverse: i = !0 , children: e  } = param;
-    const { isTabletOrSmaller: t  } = h();
-    return /* @__PURE__ */ o(S, {
+    const { isTabletOrSmaller: o  } = h();
+    return /* @__PURE__ */ t(S, {
         isInverse: i,
         children: [
             /* @__PURE__ */ r(v, {}),
-            t ? /* @__PURE__ */ r(d, {
+            o ? /* @__PURE__ */ r(d, {
                 paddingTop: 12,
                 paddingBottom: 24,
                 children: e

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./responsive-layout.css.ts.vanilla.js";
 import "./hero.css.ts.vanilla.js";
-var t = "_16rbpto6 _1y2v1nf5g _1y2v1nf62 _1y2v1nf5w", n = "_16rbpto2 _1y2v1nf5g", a = "_1y2v1nf5v _1y2v1nf83", _ = "_1y2v1nf5m", i = "_16rbpto7", p = {
+var v = "_16rbpto6 _1y2v1nf5i _1y2v1nf64 _1y2v1nf5y", n = "_16rbpto2 _1y2v1nf5i", a = "_1y2v1nf5x _1y2v1nf85", i = "_1y2v1nf5o", _ = "_16rbpto7", p = {
     height: "var(--_16rbpto0)"
 };
-export { t as actions, n as container, a as containerDesktop, _ as containerMobile, i as layout, p as vars };
+export { v as actions, n as container, a as containerDesktop, i as containerMobile, _ as layout, p as vars };

package/dist-es/hero.js

@@ -84,13 +84,13 @@ import { MediaBorderRadiusProvider as g } from "./image.js";
 import { Text3 as x, Text8 as D } from "./text.js";
 import O from "./grid-layout.js";
 import t from "./box.js";
-import b from "./stack.js";
+import y from "./stack.js";
 import j from "./button-group.js";
 import { vars as s } from "./skins/skin-contract.css-mistica.js";
-import { vars as y, container as u, containerMobile as G, containerDesktop as B, layout as L, actions as A } from "./hero.css-mistica.js";
-import { assignInlineVars as N } from "@vanilla-extract/dynamic";
+import { vars as b, container as u, containerMobile as G, containerDesktop as S, layout as L, actions as A } from "./hero.css-mistica.js";
+import { assignInlineVars as B } from "@vanilla-extract/dynamic";
 import { useIsInsideSlideshowContext as V } from "./carousel.js";
-import { getPrefixedDataAttributes as S } from "./utils/dom.js";
+import { getPrefixedDataAttributes as N } from "./utils/dom.js";
 import { sprinkles as w } from "./sprinkles.css-mistica.js";
 import { ThemeVariant as Y } from "./theme-variant-context.js";
 import { jsx as r, jsxs as c } from "./_virtual/jsx-runtime.js";
@@ -115,11 +115,11 @@ const k = (param)=>/* @__PURE__ */ {
         children: [
             /* @__PURE__ */ c("div", {
                 children: [
-                    /* @__PURE__ */ c(b, {
+                    /* @__PURE__ */ c(y, {
                         space: 16,
                         children: [
                             e && e,
-                            /* @__PURE__ */ c(b, {
+                            /* @__PURE__ */ c(y, {
                                 space: 8,
                                 children: [
                                     a && /* @__PURE__ */ r(x, {
@@ -161,7 +161,7 @@ const k = (param)=>/* @__PURE__ */ {
     default: s.colors.background,
     alternative: s.colors.backgroundAlternative,
     brand: s.colors.backgroundBrand,
-    "brand-secondary": s.colors.backgroundBrand
+    "brand-secondary": s.colors.backgroundBrandSecondary
 }, er = /*#__PURE__*/ R.forwardRef((_param, l)=>{
     var { height: e , background: o = "default" , media: a , desktopMediaPosition: i = "left" , dataAttributes: d  } = _param, n = _objectWithoutProperties(_param, [
         "height",
@@ -173,7 +173,7 @@ const k = (param)=>/* @__PURE__ */ {
     const { isTabletOrSmaller: p  } = T(), m = V(), h = o === "brand" || o === "brand-secondary";
     if (p) return /* @__PURE__ */ r(g, {
         value: !1,
-        children: /* @__PURE__ */ c("div", _objectSpreadProps(_objectSpread({}, S(_objectSpread({
+        children: /* @__PURE__ */ c("div", _objectSpreadProps(_objectSpread({}, N(_objectSpread({
             "component-name": "Hero"
         }, d))), {
             ref: l,
@@ -181,8 +181,8 @@ const k = (param)=>/* @__PURE__ */ {
                 backgroundColor: C[o]
             }, e === "100vh" ? {
                 maxHeight: "-webkit-fill-available"
-            } : {}, N({
-                [y.height]: e != null ? e : "100%"
+            } : {}, B({
+                [b.height]: e != null ? e : "100%"
             })),
             className: f(u, G),
             children: [
@@ -207,7 +207,7 @@ const k = (param)=>/* @__PURE__ */ {
     });
     return /* @__PURE__ */ r(g, {
         value: !0,
-        children: /* @__PURE__ */ r("div", _objectSpreadProps(_objectSpread({}, S(_objectSpread({
+        children: /* @__PURE__ */ r("div", _objectSpreadProps(_objectSpread({}, N(_objectSpread({
             "component-name": "Hero"
         }, d))), {
             ref: l,
@@ -215,8 +215,8 @@ const k = (param)=>/* @__PURE__ */ {
                 backgroundColor: C[o]
             }, e === "100vh" ? {
                 maxHeight: "-webkit-fill-available"
-            } : {}, N({
-                [y.height]: e != null ? e : "100%"
+            } : {}, B({
+                [b.height]: e != null ? e : "100%"
             })),
             className: w({
                 height: "100%",
@@ -229,12 +229,12 @@ const k = (param)=>/* @__PURE__ */ {
                     template: "6+6",
                     left: /* @__PURE__ */ r(t, {
                         paddingY: 56,
-                        className: f(u, B),
+                        className: f(u, S),
                         children: H
                     }),
                     right: /* @__PURE__ */ r(t, {
                         paddingY: 56,
-                        className: f(u, B),
+                        className: f(u, S),
                         children: I
                     })
                 })

package/dist-es/highlighted-card.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./highlighted-card.css.ts.vanilla.js";
-var y = "wrb8722 _1y2v1nf5g _1y2v1nf5l _1y2v1nf5s _1y2v1nf5y", f = "wrb8725 _1y2v1nf5g", _ = {
-    withImage: "wrb8728 wrb8727 _1y2v1nf5g _1y2v1nf5m _1y2v1nf5u _1y2v1nf69 _1y2v1nf6n _1y2v1nf70",
-    withoutImage: "wrb8729 wrb8727 _1y2v1nf5g _1y2v1nf5m _1y2v1nf5u _1y2v1nf69 _1y2v1nf6n _1y2v1nf70"
-}, r = "_1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5g _1y2v1nf5y _1y2v1nf9e _1y2v1nf7n _1y2v1nf5a";
-export { y as container, f as imageContent, _ as textContainerVariant, r as touchableContainer };
+var f = "wrb8722 _1y2v1nf5i _1y2v1nf5n _1y2v1nf5u _1y2v1nf60", y = "wrb8725 _1y2v1nf5i", _ = {
+    withImage: "wrb8728 wrb8727 _1y2v1nf5i _1y2v1nf5o _1y2v1nf5w _1y2v1nf6b _1y2v1nf6p _1y2v1nf72",
+    withoutImage: "wrb8729 wrb8727 _1y2v1nf5i _1y2v1nf5o _1y2v1nf5w _1y2v1nf6b _1y2v1nf6p _1y2v1nf72"
+}, r = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5i _1y2v1nf60 _1y2v1nf9g _1y2v1nf7p _1y2v1nf5c";
+export { f as container, y as imageContent, _ as textContainerVariant, r as touchableContainer };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./icon-button.css.ts.vanilla.js";
-var t = "yqt1oe1 _1y2v1nf5k";
+var t = "yqt1oe1 _1y2v1nf5m";
 export { t as base };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./image.css.ts.vanilla.js";
-var n = 300, f = "_17tt25r1 _1y2v1nf9o _1y2v1nfa2 _1y2v1nf5i _1y2v1nf7n _1y2v1nf83 _1y2v1nfb8 _1y2v1nf9b _1y2v1nf9c";
-export { n as FADE_IN_DURATION_MS, f as image };
+var f = 300, n = "_17tt25r1 _1y2v1nf9q _1y2v1nfa4 _1y2v1nf5k _1y2v1nf7p _1y2v1nf85 _1y2v1nfba _1y2v1nf9d _1y2v1nf9e";
+export { f as FADE_IN_DURATION_MS, n as image };

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,6 +1,6 @@
 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 v = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf2q _1y2v1nf9k", a = "_2k0k3u8", t = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     right: "var(--_2k0k3u2)",
@@ -8,4 +8,4 @@ var k = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1
     transformOrigin: "var(--_2k0k3u4)",
     maxHeight: "var(--_2k0k3u5)"
 };
-export { k as hideItems, _ as menuContainer, a as showItems, t as vars };
+export { v as hideItems, _ as menuContainer, a as showItems, t as vars };

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.3.0";
+const o = "13.5.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,