@telefonica/mistica 14.46.0 → 14.47.0

package/dist-es/header.js

@@ -78,204 +78,202 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import u from "./box.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import f from "./box.js";
 import a from "./stack.js";
-import { useIsInverseVariant as S } from "./theme-variant-context.js";
-import k from "./responsive-layout.js";
+import { useIsInverseVariant as L } from "./theme-variant-context.js";
+import b from "./responsive-layout.js";
 import y from "./grid-layout.js";
-import T from "./overscroll-color-context.js";
-import { Text2 as B, Text3 as x, Text8 as A, Text7 as C, Text6 as M } from "./text.js";
+import { useSetOverscrollColor as v } from "./overscroll-color-context.js";
+import { Text2 as S, Text3 as k, Text8 as C, Text7 as A, Text6 as M } from "./text.js";
 import N from "./button-group.js";
-import { vars as c } from "./skins/skin-contract.css-mistica.js";
+import { vars as l } from "./skins/skin-contract.css-mistica.js";
 import { hideOnTabletOrSmaller as R, hideOnDesktop as j, breadcrumbs as G } from "./header.css-mistica.js";
-import { getPrefixedDataAttributes as I } from "./utils/dom.js";
-import { Title2 as O, Title3 as P } from "./title.js";
+import { getPrefixedDataAttributes as O } from "./utils/dom.js";
+import { Title2 as P, Title3 as V } from "./title.js";
 const $ = (param)=>{
-    let { pretitle: t, title: e, description: o, dataAttributes: d, small: m = !1, preamount: s, amount: p, button: n, subtitle: i, isErrorAmount: h, secondaryButton: b } = param;
-    const H = S(), g = (f, v)=>{
-        if (typeof f == "string") return /* @__PURE__ */ r(x, _object_spread_props(_object_spread({
+    let { pretitle: o, title: e, description: t, dataAttributes: d, small: m = !1, preamount: s, amount: p, button: n, subtitle: c, isErrorAmount: h, secondaryButton: x } = param;
+    const B = L(), g = (u, T)=>{
+        if (typeof u == "string") return /* @__PURE__ */ r(k, _object_spread_props(_object_spread({
             regular: !0
-        }, v), {
-            children: f
+        }, T), {
+            children: u
         }));
-        const { text: V } = f, L = _object_without_properties(f, [
+        const { text: q } = u, H = _object_without_properties(u, [
             "text"
         ]);
-        return /* @__PURE__ */ r(x, _object_spread_props(_object_spread({
+        return /* @__PURE__ */ r(k, _object_spread_props(_object_spread({
             regular: !0
-        }, v, L), {
-            children: f.text
+        }, T, H), {
+            children: u.text
         }));
     };
-    return /* @__PURE__ */ l(a, {
+    return /* @__PURE__ */ i(a, {
         space: {
             mobile: 24,
             desktop: 32
         },
         dataAttributes: d,
         children: [
-            (e || t || o) && /* @__PURE__ */ r(u, {
+            (e || o || t) && /* @__PURE__ */ r(f, {
                 paddingRight: 16,
-                children: /* @__PURE__ */ l(a, {
+                children: /* @__PURE__ */ i(a, {
                     space: 8,
                     children: [
-                        t && g(t, {
-                            color: c.colors.textPrimary
+                        o && g(o, {
+                            color: l.colors.textPrimary
                         }),
-                        e && (m ? /* @__PURE__ */ r(O, {
+                        e && (m ? /* @__PURE__ */ r(P, {
                             as: "h2",
                             children: e
-                        }) : /* @__PURE__ */ r(P, {
+                        }) : /* @__PURE__ */ r(V, {
                             as: "h2",
                             children: e
                         })),
-                        o && (m ? /* @__PURE__ */ r(B, {
+                        t && (m ? /* @__PURE__ */ r(S, {
                             regular: !0,
-                            color: c.colors.textSecondary,
-                            children: o
-                        }) : /* @__PURE__ */ r(x, {
+                            color: l.colors.textSecondary,
+                            children: t
+                        }) : /* @__PURE__ */ r(k, {
                             regular: !0,
-                            color: c.colors.textSecondary,
-                            children: o
+                            color: l.colors.textSecondary,
+                            children: t
                         }))
                     ]
                 })
             }),
-            (s || p || n || i) && /* @__PURE__ */ l(a, {
+            (s || p || n || c) && /* @__PURE__ */ i(a, {
                 space: 16,
                 children: [
-                    (s || p) && /* @__PURE__ */ l(a, {
+                    (s || p) && /* @__PURE__ */ i(a, {
                         space: 8,
                         children: [
                             s && g(s, {
-                                color: c.colors.textPrimary
+                                color: l.colors.textPrimary
                             }),
-                            /* @__PURE__ */ r(A, {
-                                color: h && !H ? c.colors.highlight : c.colors.textPrimary,
+                            /* @__PURE__ */ r(C, {
+                                color: h && !B ? l.colors.highlight : l.colors.textPrimary,
                                 children: p
                             })
                         ]
                     }),
-                    (n || b) && /* @__PURE__ */ r(N, {
+                    (n || x) && /* @__PURE__ */ r(N, {
                         primaryButton: n,
-                        secondaryButton: b
+                        secondaryButton: x
                     }),
-                    i && g(i, {})
+                    c && g(c, {})
                 ]
             })
         ]
     });
 }, E = (param)=>{
-    let { title: t, description: e, button: o } = param;
-    return /* @__PURE__ */ l(a, {
+    let { title: o, description: e, button: t } = param;
+    return /* @__PURE__ */ i(a, {
         space: 32,
         children: [
-            /* @__PURE__ */ l(a, {
+            /* @__PURE__ */ i(a, {
                 space: {
                     mobile: 12,
                     desktop: 16
                 },
                 children: [
-                    t && /* @__PURE__ */ r(C, {
+                    o && /* @__PURE__ */ r(A, {
                         role: "heading",
                         "aria-level": 1,
-                        children: t
+                        children: o
                     }),
                     e && /* @__PURE__ */ r(M, {
                         children: e
                     })
                 ]
             }),
-            o
+            t
         ]
     });
 }, Y = (param)=>{
-    let { isInverse: t = !0, breadcrumbs: e, header: o, extra: d, sideBySideExtraOnDesktop: m = !1, dataAttributes: s, bleed: p = !1, noPaddingY: n = !1 } = param;
-    const i = p && t && d, h = /* @__PURE__ */ l("div", {
+    let { isInverse: o = !0, breadcrumbs: e, header: t, extra: d, sideBySideExtraOnDesktop: m = !1, dataAttributes: s, bleed: p = !1, noPaddingY: n = !1 } = param;
+    const c = p && o && d, h = /* @__PURE__ */ i("div", {
         children: [
             e && /* @__PURE__ */ r("div", {
                 className: G,
                 children: e
             }),
-            o
+            t
         ]
     });
-    return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, I(_object_spread({
+    return v(o ? {
+        topColor: l.colors.backgroundBrandTop
+    } : {}), /* @__PURE__ */ i("div", _object_spread_props(_object_spread({}, O(_object_spread({
         "component-name": "HeaderLayout"
     }, s))), {
         children: [
-            /* @__PURE__ */ l(k, {
-                isInverse: t,
-                children: [
-                    /* @__PURE__ */ r(T, {}),
-                    /* @__PURE__ */ r(u, {
-                        paddingTop: n ? 0 : {
-                            mobile: o ? 32 : 0,
-                            desktop: e ? 16 : 48
-                        },
-                        paddingBottom: {
-                            mobile: n && !i ? 0 : 24,
-                            desktop: i && !m ? 32 : n ? 0 : 48
-                        },
-                        children: m ? /* @__PURE__ */ r(y, {
-                            template: "6+6",
-                            left: h,
-                            right: /* @__PURE__ */ r("div", {
-                                className: i ? R : "",
-                                children: /* @__PURE__ */ r(u, {
-                                    paddingTop: {
-                                        mobile: o ? 24 : 0,
-                                        desktop: 0
-                                    },
-                                    children: d
-                                })
+            /* @__PURE__ */ r(b, {
+                isInverse: o,
+                children: /* @__PURE__ */ r(f, {
+                    paddingTop: n ? 0 : {
+                        mobile: t ? 32 : 0,
+                        desktop: e ? 16 : 48
+                    },
+                    paddingBottom: {
+                        mobile: n && !c ? 0 : 24,
+                        desktop: c && !m ? 32 : n ? 0 : 48
+                    },
+                    children: m ? /* @__PURE__ */ r(y, {
+                        template: "6+6",
+                        left: h,
+                        right: /* @__PURE__ */ r("div", {
+                            className: c ? R : "",
+                            children: /* @__PURE__ */ r(f, {
+                                paddingTop: {
+                                    mobile: t ? 24 : 0,
+                                    desktop: 0
+                                },
+                                children: d
                             })
-                        }) : /* @__PURE__ */ l(a, {
-                            space: o ? {
-                                mobile: 24,
-                                desktop: 32
-                            } : 0,
-                            children: [
-                                h,
-                                !i && d
-                            ]
                         })
+                    }) : /* @__PURE__ */ i(a, {
+                        space: t ? {
+                            mobile: 24,
+                            desktop: 32
+                        } : 0,
+                        children: [
+                            h,
+                            !c && d
+                        ]
                     })
-                ]
+                })
             }),
-            i && /* @__PURE__ */ r(k, {
+            c && /* @__PURE__ */ r(b, {
                 className: m ? j : "",
-                backgroundColor: `linear-gradient(to bottom, ${c.colors.backgroundBrand} 40px, ${c.colors.background} 0%)`,
+                backgroundColor: `linear-gradient(to bottom, ${l.colors.backgroundBrand} 40px, ${l.colors.background} 0%)`,
                 children: d
             })
         ]
     }));
 }, rr = (param)=>{
-    let { isInverse: t = !0, children: e, dataAttributes: o } = param;
-    return /* @__PURE__ */ l(k, {
-        isInverse: t,
+    let { isInverse: o = !0, children: e, dataAttributes: t } = param;
+    return v(o ? {
+        topColor: l.colors.backgroundBrandTop
+    } : {}), /* @__PURE__ */ r(b, {
+        isInverse: o,
         dataAttributes: _object_spread({
             "component-name": "MainSectionHeaderLayout"
-        }, o),
-        children: [
-            /* @__PURE__ */ r(T, {}),
-            /* @__PURE__ */ r(y, {
-                template: "6+6",
-                left: /* @__PURE__ */ r(u, {
-                    paddingTop: {
-                        mobile: 12,
-                        desktop: 48
-                    },
-                    paddingBottom: {
-                        mobile: 24,
-                        desktop: 48
-                    },
-                    children: e
-                }),
-                right: null
-            })
-        ]
+        }, t),
+        children: /* @__PURE__ */ r(y, {
+            template: "6+6",
+            left: /* @__PURE__ */ r(f, {
+                paddingTop: {
+                    mobile: 12,
+                    desktop: 48
+                },
+                paddingBottom: {
+                    mobile: 24,
+                    desktop: 48
+                },
+                children: e
+            }),
+            right: null
+        })
     });
 };
 export { $ as Header, Y as HeaderLayout, E as MainSectionHeader, rr as MainSectionHeaderLayout };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./hero.css.ts.vanilla.css-mistica.js";
-var v = "_16rbpto6 _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgy", n = "_16rbpto2 _1y2v1nfgi", a = "_1y2v1nfgx _1y2v1nfhm", i = "_1y2v1nfgo", _ = "_16rbpto7", p = {
+var t = "_16rbpto6 _1y2v1nfh8 _1y2v1nfhu _1y2v1nfho", v = "_16rbpto2 _1y2v1nfh8", a = "_1y2v1nfhn _1y2v1nfic", _ = "_1y2v1nfhe", i = "_16rbpto7", p = {
     height: "var(--_16rbpto0)"
 };
-export { v as actions, n as container, a as containerDesktop, i as containerMobile, _ as layout, p as vars };
+export { t as actions, v as container, a as containerDesktop, _ as containerMobile, i as layout, p as vars };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./highlighted-card.css.ts.vanilla.css-mistica.js";
-var f = "wrb8722 _1y2v1nfgi _1y2v1nfgn _1y2v1nfgu _1y2v1nfh0", y = "wrb8725 _1y2v1nfgi", _ = {
-    withImage: "wrb8728 wrb8727 _1y2v1nfgi _1y2v1nfgo _1y2v1nfgw _1y2v1nf6w _1y2v1nf85 _1y2v1nf98",
-    withoutImage: "wrb8729 wrb8727 _1y2v1nfgi _1y2v1nfgo _1y2v1nfgw _1y2v1nf6w _1y2v1nf85 _1y2v1nf98"
-}, r = "_1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfgi _1y2v1nfh0 _1y2v1nfj0 _1y2v1nfh5 _1y2v1nf6a";
-export { f as container, y as imageContent, _ as textContainerVariant, r as touchableContainer };
+var y = "wrb8722 _1y2v1nfh8 _1y2v1nfhd _1y2v1nfhk _1y2v1nfhq", f = "wrb8725 _1y2v1nfh8", _ = {
+    withImage: "wrb8728 wrb8727 _1y2v1nfh8 _1y2v1nfhe _1y2v1nfhm _1y2v1nf7m _1y2v1nf8v _1y2v1nf9y",
+    withoutImage: "wrb8729 wrb8727 _1y2v1nfh8 _1y2v1nfhe _1y2v1nfhm _1y2v1nf7m _1y2v1nf8v _1y2v1nf9y"
+}, h = "_1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfh8 _1y2v1nfhq _1y2v1nfjq _1y2v1nfhv _1y2v1nf70";
+export { y as container, f as imageContent, _ as textContainerVariant, h as touchableContainer };

package/dist-es/horizontal-scroll.css-mistica.js

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./horizontal-scroll.css.ts.vanilla.css-mistica.js";
-var g = "_1gl3gmv2", m = "_1gl3gmv1 _1y2v1nfgi";
-export { g as noScrollbar, m as scroll };
+var m = "_1gl3gmv2", v = "_1gl3gmv1 _1y2v1nfh8";
+export { m as noScrollbar, v as scroll };

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

@@ -10,9 +10,9 @@ var a = {
     default: "yqt1oe1a",
     small: "yqt1oe1b"
 }, o = {
-    default: "yqt1oe12 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfj0 _1y2v1nf6a _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr",
-    small: "yqt1oe13 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfj0 _1y2v1nf6a _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr"
-}, y = "yqt1oe1m _1y2v1nfgm", v = "yqt1oey", l = "yqt1oe1i _1y2v1nfgc _1y2v1nfgj", f = {
+    default: "yqt1oe12 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfjq _1y2v1nf70 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh",
+    small: "yqt1oe13 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfjq _1y2v1nf70 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh"
+}, y = "yqt1oe1m _1y2v1nfhc", v = "yqt1oey", l = "yqt1oe1i _1y2v1nfh2 _1y2v1nfh9", f = {
     "brand-solid-default": "yqt1oe4",
     "brand-solid-inverse": "yqt1oe5",
     "brand-solid-alternative": "yqt1oe6",
@@ -44,16 +44,16 @@ var a = {
     "neutral-media": "yqt1oew",
     "danger-media": "yqt1oex"
 }, d = {
-    default: "yqt1oe1e yqt1oe1d _1y2v1nfj1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfjj _1y2v1nfgc",
-    small: "yqt1oe1f yqt1oe1d _1y2v1nfj1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfjj _1y2v1nfgc"
-}, i = {
+    default: "yqt1oe1e yqt1oe1d _1y2v1nfjr _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk9 _1y2v1nfh2",
+    small: "yqt1oe1f yqt1oe1d _1y2v1nfjr _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk9 _1y2v1nfh2"
+}, q = {
     default: "calc(1.5rem + 24px)",
     small: "calc(1.25rem + 12px)"
-}, q = {
+}, i = {
     default: "1.5rem",
     small: "1.25rem"
 }, s = {
     default: "yqt1oe14",
     small: "yqt1oe15"
-}, _ = "yqt1oez", g = "yqt1oe1g", u = "yqt1oe10", m = "yqt1oe1k _1y2v1nfgd";
-export { a as bleedLeft, n as bleedRight, r as bleedY, o as buttonContainer, y as deprecatedIconButtonBase, v as disabled, l as icon, f as iconButtonTokens, d as iconContainer, i as iconContainerSize, q as iconSize, s as interactiveAreaBleed, _ as isLoading, g as overlay, u as overlayContainer, m as spinner };
+}, _ = "yqt1oez", u = "yqt1oe1g", h = "yqt1oe10", m = "yqt1oe1k _1y2v1nfh3";
+export { a as bleedLeft, n as bleedRight, r as bleedY, o as buttonContainer, y as deprecatedIconButtonBase, v as disabled, l as icon, f as iconButtonTokens, d as iconContainer, q as iconContainerSize, i as iconSize, s as interactiveAreaBleed, _ as isLoading, u as overlay, h as overlayContainer, m as spinner };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./image.css.ts.vanilla.css-mistica.js";
-var v = 300, _ = "_17tt25r5", t = "_17tt25r6", i = "_17tt25r3 _1y2v1nfjp _1y2v1nfk4 _1y2v1nfgk _1y2v1nfh5 _1y2v1nfhm _1y2v1nfld _1y2v1nfix _1y2v1nfiy _1y2v1nfj9", d = "_17tt25r1", e = "_17tt25r4", f = {
+var v = 300, _ = "_17tt25r5", t = "_17tt25r6", i = "_17tt25r3 _1y2v1nfkf _1y2v1nfku _1y2v1nfha _1y2v1nfhv _1y2v1nfic _1y2v1nfm3 _1y2v1nfjn _1y2v1nfjo _1y2v1nfjz", d = "_17tt25r1", f = "_17tt25r4", n = {
     mediaBorderRadius: "var(--_17tt25r0)"
 };
-export { v as FADE_IN_DURATION_MS, _ as circularBorderRadius, t as defaultBorderRadius, i as image, d as imageWithBorder, e as noBorderRadius, f as vars };
+export { v as FADE_IN_DURATION_MS, _ as circularBorderRadius, t as defaultBorderRadius, i as image, d as imageWithBorder, f as noBorderRadius, n as vars };