@telefonica/mistica 17.4.0 → 17.5.0

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

@@ -1,139 +1,139 @@
 /* empty css                                */ var _ = {
-    rowMinSize: "var(--v17_4_mfyikv0)",
-    rowMaxSize: "var(--v17_4_mfyikv1)",
-    columnMinSize: "var(--v17_4_mfyikv2)",
-    columnMaxSize: "var(--v17_4_mfyikv3)"
+    rowMinSize: "var(--v17_5_mfyikv0)",
+    rowMaxSize: "var(--v17_5_mfyikv1)",
+    columnMinSize: "var(--v17_5_mfyikv2)",
+    columnMaxSize: "var(--v17_5_mfyikv3)"
 }, i = {
     columnGap: {
-        desktop: "var(--v17_4_mfyikv4)",
-        tablet: "var(--v17_4_mfyikv5)",
-        mobile: "var(--v17_4_mfyikv6)"
+        desktop: "var(--v17_5_mfyikv4)",
+        tablet: "var(--v17_5_mfyikv5)",
+        mobile: "var(--v17_5_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v17_4_mfyikv7)",
-        tablet: "var(--v17_4_mfyikv8)",
-        mobile: "var(--v17_4_mfyikv9)"
+        desktop: "var(--v17_5_mfyikv7)",
+        tablet: "var(--v17_5_mfyikv8)",
+        mobile: "var(--v17_5_mfyikv9)"
     }
-}, m = "v17_4_mfyikva", f = "v17_4_mfyikvb", y = "v17_4_mfyikvc", k = "v17_4_mfyikvd", e = {
-    1: "v17_4_mfyikve",
-    2: "v17_4_mfyikvf",
-    3: "v17_4_mfyikvg",
-    4: "v17_4_mfyikvh",
-    5: "v17_4_mfyikvi",
-    6: "v17_4_mfyikvj",
-    7: "v17_4_mfyikvk",
-    8: "v17_4_mfyikvl",
-    9: "v17_4_mfyikvm",
-    10: "v17_4_mfyikvn",
-    11: "v17_4_mfyikvo",
-    12: "v17_4_mfyikvp"
+}, m = "v17_5_mfyikva", f = "v17_5_mfyikvb", y = "v17_5_mfyikvc", k = "v17_5_mfyikvd", e = {
+    1: "v17_5_mfyikve",
+    2: "v17_5_mfyikvf",
+    3: "v17_5_mfyikvg",
+    4: "v17_5_mfyikvh",
+    5: "v17_5_mfyikvi",
+    6: "v17_5_mfyikvj",
+    7: "v17_5_mfyikvk",
+    8: "v17_5_mfyikvl",
+    9: "v17_5_mfyikvm",
+    10: "v17_5_mfyikvn",
+    11: "v17_5_mfyikvo",
+    12: "v17_5_mfyikvp"
 }, r = {
-    1: "v17_4_mfyikvq",
-    2: "v17_4_mfyikvr",
-    3: "v17_4_mfyikvs",
-    4: "v17_4_mfyikvt",
-    5: "v17_4_mfyikvu",
-    6: "v17_4_mfyikvv",
-    7: "v17_4_mfyikvw",
-    8: "v17_4_mfyikvx",
-    9: "v17_4_mfyikvy",
-    10: "v17_4_mfyikvz",
-    11: "v17_4_mfyikv10",
-    12: "v17_4_mfyikv11"
+    1: "v17_5_mfyikvq",
+    2: "v17_5_mfyikvr",
+    3: "v17_5_mfyikvs",
+    4: "v17_5_mfyikvt",
+    5: "v17_5_mfyikvu",
+    6: "v17_5_mfyikvv",
+    7: "v17_5_mfyikvw",
+    8: "v17_5_mfyikvx",
+    9: "v17_5_mfyikvy",
+    10: "v17_5_mfyikvz",
+    11: "v17_5_mfyikv10",
+    12: "v17_5_mfyikv11"
 }, a = {
-    column: "v17_4_mfyikv12",
-    row: "v17_4_mfyikv13",
-    "row dense": "v17_4_mfyikv14",
-    "column dense": "v17_4_mfyikv15"
+    column: "v17_5_mfyikv12",
+    row: "v17_5_mfyikv13",
+    "row dense": "v17_5_mfyikv14",
+    "column dense": "v17_5_mfyikv15"
 }, t = {
-    start: "v17_4_mfyikv16",
-    end: "v17_4_mfyikv17",
-    center: "v17_4_mfyikv18",
-    stretch: "v17_4_mfyikv19"
+    start: "v17_5_mfyikv16",
+    end: "v17_5_mfyikv17",
+    center: "v17_5_mfyikv18",
+    stretch: "v17_5_mfyikv19"
 }, n = {
-    start: "v17_4_mfyikv1a",
-    end: "v17_4_mfyikv1b",
-    center: "v17_4_mfyikv1c",
-    stretch: "v17_4_mfyikv1d",
-    baseline: "v17_4_mfyikv1e"
+    start: "v17_5_mfyikv1a",
+    end: "v17_5_mfyikv1b",
+    center: "v17_5_mfyikv1c",
+    stretch: "v17_5_mfyikv1d",
+    baseline: "v17_5_mfyikv1e"
 }, s = {
-    start: "v17_4_mfyikv1f",
-    end: "v17_4_mfyikv1g",
-    center: "v17_4_mfyikv1h",
-    stretch: "v17_4_mfyikv1i",
-    "space-between": "v17_4_mfyikv1j",
-    "space-around": "v17_4_mfyikv1k",
-    "space-evenly": "v17_4_mfyikv1l"
+    start: "v17_5_mfyikv1f",
+    end: "v17_5_mfyikv1g",
+    center: "v17_5_mfyikv1h",
+    stretch: "v17_5_mfyikv1i",
+    "space-between": "v17_5_mfyikv1j",
+    "space-around": "v17_5_mfyikv1k",
+    "space-evenly": "v17_5_mfyikv1l"
 }, o = {
-    start: "v17_4_mfyikv1m",
-    end: "v17_4_mfyikv1n",
-    center: "v17_4_mfyikv1o",
-    stretch: "v17_4_mfyikv1p",
-    "space-between": "v17_4_mfyikv1q",
-    "space-around": "v17_4_mfyikv1r",
-    "space-evenly": "v17_4_mfyikv1s"
-}, l = "v17_4_mfyikv1t", c = "v17_4_mfyikv1u", d = {
-    1: "v17_4_mfyikv1v",
-    2: "v17_4_mfyikv1w",
-    3: "v17_4_mfyikv1x",
-    4: "v17_4_mfyikv1y",
-    5: "v17_4_mfyikv1z",
-    6: "v17_4_mfyikv20",
-    7: "v17_4_mfyikv21",
-    8: "v17_4_mfyikv22",
-    9: "v17_4_mfyikv23",
-    10: "v17_4_mfyikv24",
-    11: "v17_4_mfyikv25",
-    12: "v17_4_mfyikv26"
+    start: "v17_5_mfyikv1m",
+    end: "v17_5_mfyikv1n",
+    center: "v17_5_mfyikv1o",
+    stretch: "v17_5_mfyikv1p",
+    "space-between": "v17_5_mfyikv1q",
+    "space-around": "v17_5_mfyikv1r",
+    "space-evenly": "v17_5_mfyikv1s"
+}, l = "v17_5_mfyikv1t", c = "v17_5_mfyikv1u", d = {
+    1: "v17_5_mfyikv1v",
+    2: "v17_5_mfyikv1w",
+    3: "v17_5_mfyikv1x",
+    4: "v17_5_mfyikv1y",
+    5: "v17_5_mfyikv1z",
+    6: "v17_5_mfyikv20",
+    7: "v17_5_mfyikv21",
+    8: "v17_5_mfyikv22",
+    9: "v17_5_mfyikv23",
+    10: "v17_5_mfyikv24",
+    11: "v17_5_mfyikv25",
+    12: "v17_5_mfyikv26"
 }, p = {
-    1: "v17_4_mfyikv27",
-    2: "v17_4_mfyikv28",
-    3: "v17_4_mfyikv29",
-    4: "v17_4_mfyikv2a",
-    5: "v17_4_mfyikv2b",
-    6: "v17_4_mfyikv2c",
-    7: "v17_4_mfyikv2d",
-    8: "v17_4_mfyikv2e",
-    9: "v17_4_mfyikv2f",
-    10: "v17_4_mfyikv2g",
-    11: "v17_4_mfyikv2h",
-    12: "v17_4_mfyikv2i"
+    1: "v17_5_mfyikv27",
+    2: "v17_5_mfyikv28",
+    3: "v17_5_mfyikv29",
+    4: "v17_5_mfyikv2a",
+    5: "v17_5_mfyikv2b",
+    6: "v17_5_mfyikv2c",
+    7: "v17_5_mfyikv2d",
+    8: "v17_5_mfyikv2e",
+    9: "v17_5_mfyikv2f",
+    10: "v17_5_mfyikv2g",
+    11: "v17_5_mfyikv2h",
+    12: "v17_5_mfyikv2i"
 }, u = {
-    1: "v17_4_mfyikv2j",
-    2: "v17_4_mfyikv2k",
-    3: "v17_4_mfyikv2l",
-    4: "v17_4_mfyikv2m",
-    5: "v17_4_mfyikv2n",
-    6: "v17_4_mfyikv2o",
-    7: "v17_4_mfyikv2p",
-    8: "v17_4_mfyikv2q",
-    9: "v17_4_mfyikv2r",
-    10: "v17_4_mfyikv2s",
-    11: "v17_4_mfyikv2t",
-    12: "v17_4_mfyikv2u"
+    1: "v17_5_mfyikv2j",
+    2: "v17_5_mfyikv2k",
+    3: "v17_5_mfyikv2l",
+    4: "v17_5_mfyikv2m",
+    5: "v17_5_mfyikv2n",
+    6: "v17_5_mfyikv2o",
+    7: "v17_5_mfyikv2p",
+    8: "v17_5_mfyikv2q",
+    9: "v17_5_mfyikv2r",
+    10: "v17_5_mfyikv2s",
+    11: "v17_5_mfyikv2t",
+    12: "v17_5_mfyikv2u"
 }, g = {
-    1: "v17_4_mfyikv2v",
-    2: "v17_4_mfyikv2w",
-    3: "v17_4_mfyikv2x",
-    4: "v17_4_mfyikv2y",
-    5: "v17_4_mfyikv2z",
-    6: "v17_4_mfyikv30",
-    7: "v17_4_mfyikv31",
-    8: "v17_4_mfyikv32",
-    9: "v17_4_mfyikv33",
-    10: "v17_4_mfyikv34",
-    11: "v17_4_mfyikv35",
-    12: "v17_4_mfyikv36"
+    1: "v17_5_mfyikv2v",
+    2: "v17_5_mfyikv2w",
+    3: "v17_5_mfyikv2x",
+    4: "v17_5_mfyikv2y",
+    5: "v17_5_mfyikv2z",
+    6: "v17_5_mfyikv30",
+    7: "v17_5_mfyikv31",
+    8: "v17_5_mfyikv32",
+    9: "v17_5_mfyikv33",
+    10: "v17_5_mfyikv34",
+    11: "v17_5_mfyikv35",
+    12: "v17_5_mfyikv36"
 }, w = {
-    start: "v17_4_mfyikv37",
-    end: "v17_4_mfyikv38",
-    center: "v17_4_mfyikv39",
-    stretch: "v17_4_mfyikv3a"
+    start: "v17_5_mfyikv37",
+    end: "v17_5_mfyikv38",
+    center: "v17_5_mfyikv39",
+    stretch: "v17_5_mfyikv3a"
 }, b = {
-    start: "v17_4_mfyikv3b",
-    end: "v17_4_mfyikv3c",
-    center: "v17_4_mfyikv3d",
-    stretch: "v17_4_mfyikv3e",
-    baseline: "v17_4_mfyikv3f"
+    start: "v17_5_mfyikv3b",
+    end: "v17_5_mfyikv3c",
+    center: "v17_5_mfyikv3d",
+    stretch: "v17_5_mfyikv3e",
+    baseline: "v17_5_mfyikv3f"
 };
 export { b as alignSelf, u as columnStart, l as fullColumns, c as fullRows, f as gap, i as gapVars, m as grid, o as gridAlignContent, n as gridAlignItems, a as gridAutoFlow, s as gridJustifyContent, t as gridJustifyItems, e as gridTemplateColumns, y as gridTemplateColumnsAutoRepeat, r as gridTemplateRows, k as gridTemplateRowsAutoRepeat, w as justifySelf, g as rowStart, d as spanColumns, p as spanRows, _ as vars };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                  */ var e = "v17_4_mtk7e90", r = "v17_4_mtk7e92 v17_4_mtk7e90 v17_4_mtk7e91 v17_4_1y2v1nfj6", m = "v17_4_mtk7e93", t = "v17_4_mtk7e94 v17_4_1y2v1nfre v17_4_1y2v1nfrk";
+/* empty css                                     */ /* empty css                                  */ var e = "v17_5_mtk7e90", r = "v17_5_mtk7e92 v17_5_mtk7e90 v17_5_mtk7e91 v17_5_1y2v1nfj6", m = "v17_5_mtk7e93", t = "v17_5_mtk7e94 v17_5_1y2v1nfre v17_5_1y2v1nfrk";
 export { r as breadcrumbs, t as flexColumn, m as hideOnDesktop, e as hideOnTabletOrSmaller };

package/dist-es/header.js

@@ -78,152 +78,160 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as l, Fragment as y } from "react/jsx-runtime";
-import p from "./box.js";
-import h from "./stack.js";
-import f from "./responsive-layout.js";
-import B from "./grid-layout.js";
-import { useSetOverscrollColor as k } from "./overscroll-color-context.js";
-import { Text2 as C, Text3 as g, Text7 as H, Text6 as L } from "./text.js";
-import { vars as c } from "./skins/skin-contract.css-mistica.js";
-import { flexColumn as S, hideOnTabletOrSmaller as M, hideOnDesktop as N, breadcrumbs as P } from "./header.css-mistica.js";
-import { getPrefixedDataAttributes as j } from "./utils/dom.js";
-import { Title3 as O, Title4 as R } from "./title.js";
-import { isBiggerHeading as V } from "./utils/headings.js";
-const W = (param)=>{
-    let { headline: a, pretitle: r, pretitleAs: o, title: e, titleAs: n = "h2", description: d, dataAttributes: b, small: m = !1 } = param;
-    const i = (()=>{
+import { jsx as t, jsxs as l, Fragment as B } from "react/jsx-runtime";
+import f from "./box.js";
+import v from "./stack.js";
+import x from "./responsive-layout.js";
+import A from "./grid-layout.js";
+import { useSetOverscrollColor as L } from "./overscroll-color-context.js";
+import { Text2 as M, Text3 as N, Text7 as z, Text6 as j, Text as H } from "./text.js";
+import { vars as s } from "./skins/skin-contract.css-mistica.js";
+import { flexColumn as w, hideOnTabletOrSmaller as O, hideOnDesktop as R, breadcrumbs as V } from "./header.css-mistica.js";
+import { getPrefixedDataAttributes as F } from "./utils/dom.js";
+import { Title4 as C, Title3 as P, Title2 as G, Title1 as q } from "./title.js";
+import { isBiggerHeading as D } from "./utils/headings.js";
+import { useTheme as E } from "./hooks.js";
+const rt = (param)=>{
+    let { headline: n, pretitle: r, pretitleAs: o, title: e, titleAs: a = "h2", titleSize: p, description: i, dataAttributes: m, small: c = !1 } = param;
+    const { textPresets: d } = E(), h = ()=>{
         if (!r) return null;
-        const x = {
-            regular: !0,
-            color: c.colors.textPrimary,
+        const g = {
+            color: s.colors.textPrimary,
             as: o,
             dataAttributes: {
                 testid: "pretitle"
-            }
+            },
+            desktopSize: d.headerPretitle.size.desktop,
+            mobileSize: d.headerPretitle.size.mobile,
+            desktopLineHeight: d.headerPretitle.lineHeight.desktop,
+            mobileLineHeight: d.headerPretitle.lineHeight.mobile,
+            weight: d.headerPretitle.weight
         };
-        if (typeof r == "string") return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({}, x), {
+        if (typeof r == "string") return /* @__PURE__ */ t(H, _object_spread_props(_object_spread({}, g), {
             children: r
         }));
-        const { text: T } = r, A = _object_without_properties(r, [
+        const { text: y } = r, T = _object_without_properties(r, [
             "text"
         ]);
-        return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({}, x, A), {
-            children: T
+        return /* @__PURE__ */ t(H, _object_spread_props(_object_spread({}, g, T), {
+            children: y
         }));
-    })(), s = e ? m ? /* @__PURE__ */ t(O, {
-        as: n,
-        dataAttributes: {
-            testid: "title"
-        },
-        children: e
-    }) : /* @__PURE__ */ t(R, {
-        as: n,
-        dataAttributes: {
-            testid: "title"
-        },
-        children: e
-    }) : void 0, v = a ? /* @__PURE__ */ t("div", {
+    }, S = ()=>{
+        if (!e) return;
+        const g = {
+            children: e,
+            as: a,
+            dataAttributes: {
+                testid: "title"
+            }
+        }, T = p ? ({
+            title1: q,
+            title2: G,
+            title3: P,
+            title4: C
+        })[p] : c ? P : C;
+        return /* @__PURE__ */ t(T, _object_spread({}, g));
+    }, u = h(), b = S(), k = n ? /* @__PURE__ */ t("div", {
         style: {
-            paddingBottom: r || e || d ? 8 : 0,
+            paddingBottom: r || e || i ? 8 : 0,
             order: -1
         },
         "data-testid": "headline",
-        children: a
+        children: n
     }) : void 0;
-    return /* @__PURE__ */ t(h, {
+    return /* @__PURE__ */ t(v, {
         space: {
             mobile: 24,
             desktop: 32
         },
         dataAttributes: _object_spread({
             testid: "Header"
-        }, b),
-        children: (e || r || d) && /* @__PURE__ */ t(p, {
+        }, m),
+        children: (e || r || i) && /* @__PURE__ */ t(f, {
             paddingRight: 16,
             children: /* @__PURE__ */ l("div", {
-                className: S,
+                className: w,
                 children: [
-                    V(n, o) ? /* @__PURE__ */ l(y, {
+                    D(a, o) ? /* @__PURE__ */ l(B, {
                         children: [
-                            s && /* @__PURE__ */ t("div", {
+                            b && /* @__PURE__ */ t("div", {
                                 style: {
-                                    paddingBottom: d ? 8 : 0
+                                    paddingBottom: i ? 8 : 0
                                 },
-                                children: s
+                                children: b
                             }),
-                            v,
-                            i && /* @__PURE__ */ t("div", {
+                            k,
+                            u && /* @__PURE__ */ t("div", {
                                 style: {
-                                    paddingBottom: e || d ? 8 : 0,
+                                    paddingBottom: e || i ? 8 : 0,
                                     order: -1
                                 },
-                                children: i
+                                children: u
                             })
                         ]
-                    }) : /* @__PURE__ */ l(y, {
+                    }) : /* @__PURE__ */ l(B, {
                         children: [
-                            i && /* @__PURE__ */ t("div", {
+                            u && /* @__PURE__ */ t("div", {
                                 style: {
-                                    paddingBottom: e || d ? 8 : 0
+                                    paddingBottom: e || i ? 8 : 0
                                 },
-                                children: i
+                                children: u
                             }),
-                            v,
-                            s && /* @__PURE__ */ t("div", {
+                            k,
+                            b && /* @__PURE__ */ t("div", {
                                 style: {
-                                    paddingBottom: d ? 8 : 0
+                                    paddingBottom: i ? 8 : 0
                                 },
-                                children: s
+                                children: b
                             })
                         ]
                     }),
-                    d && /* @__PURE__ */ t("div", {
+                    i && /* @__PURE__ */ t("div", {
                         style: {
                             order: 1
                         },
-                        children: m ? /* @__PURE__ */ t(C, {
+                        children: c ? /* @__PURE__ */ t(M, {
                             regular: !0,
-                            color: c.colors.textSecondary,
+                            color: s.colors.textSecondary,
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: d
-                        }) : /* @__PURE__ */ t(g, {
+                            children: i
+                        }) : /* @__PURE__ */ t(N, {
                             regular: !0,
-                            color: c.colors.textSecondary,
+                            color: s.colors.textSecondary,
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: d
+                            children: i
                         })
                     })
                 ]
             })
         })
     });
-}, X = (param)=>{
-    let { title: a, titleAs: r = "h1", description: o, button: e, dataAttributes: n } = param;
-    return /* @__PURE__ */ l(h, {
+}, ot = (param)=>{
+    let { title: n, titleAs: r = "h1", description: o, button: e, dataAttributes: a } = param;
+    return /* @__PURE__ */ l(v, {
         space: 32,
         dataAttributes: _object_spread({
             testid: "MainSectionHeader"
-        }, n),
+        }, a),
         children: [
-            /* @__PURE__ */ l(h, {
+            /* @__PURE__ */ l(v, {
                 space: {
                     mobile: 12,
                     desktop: 16
                 },
                 children: [
-                    a && /* @__PURE__ */ t(H, {
+                    n && /* @__PURE__ */ t(z, {
                         as: r,
                         dataAttributes: {
                             testid: "title"
                         },
-                        children: a
+                        children: n
                     }),
-                    o && /* @__PURE__ */ t(L, {
+                    o && /* @__PURE__ */ t(j, {
                         dataAttributes: {
                             testid: "description"
                         },
@@ -234,40 +242,40 @@ const W = (param)=>{
             e
         ]
     });
-}, Z = (param)=>{
-    let { variant: a = "default", breadcrumbs: r, header: o, slot: e, sideBySideSlotOnDesktop: n = !1, dataAttributes: d, bleed: b = !1, noPaddingY: m = !1 } = param;
-    const u = a === "brand", i = b && u && e, s = /* @__PURE__ */ l("div", {
+}, it = (param)=>{
+    let { variant: n = "default", breadcrumbs: r, header: o, slot: e, sideBySideSlotOnDesktop: a = !1, dataAttributes: p, bleed: i = !1, noPaddingY: m = !1 } = param;
+    const c = n === "brand", d = i && c && e, h = /* @__PURE__ */ l("div", {
         children: [
             r && /* @__PURE__ */ t("div", {
-                className: P,
+                className: V,
                 children: r
             }),
             o
         ]
     });
-    return k(u ? {
-        topColor: c.colors.backgroundBrandTop
-    } : {}), /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, j(_object_spread({
+    return L(c ? {
+        topColor: s.colors.backgroundBrandTop
+    } : {}), /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, F(_object_spread({
         testid: "HeaderLayout"
-    }, d))), {
+    }, p))), {
         children: [
-            /* @__PURE__ */ t(f, {
-                variant: u ? "brand" : void 0,
-                children: /* @__PURE__ */ t(p, {
+            /* @__PURE__ */ t(x, {
+                variant: c ? "brand" : void 0,
+                children: /* @__PURE__ */ t(f, {
                     paddingTop: m ? 0 : {
                         mobile: o ? 32 : 0,
                         desktop: r ? 16 : 48
                     },
                     paddingBottom: {
-                        mobile: m && !i ? 0 : 24,
-                        desktop: i && !n ? 32 : m ? 0 : 48
+                        mobile: m && !d ? 0 : 24,
+                        desktop: d && !a ? 32 : m ? 0 : 48
                     },
-                    children: n ? /* @__PURE__ */ t(B, {
+                    children: a ? /* @__PURE__ */ t(A, {
                         template: "6+6",
-                        left: s,
+                        left: h,
                         right: /* @__PURE__ */ t("div", {
-                            className: i ? M : "",
-                            children: /* @__PURE__ */ t(p, {
+                            className: d ? O : "",
+                            children: /* @__PURE__ */ t(f, {
                                 paddingTop: {
                                     mobile: o ? 24 : 0,
                                     desktop: 0
@@ -275,38 +283,38 @@ const W = (param)=>{
                                 children: e
                             })
                         })
-                    }) : /* @__PURE__ */ l(h, {
+                    }) : /* @__PURE__ */ l(v, {
                         space: o ? {
                             mobile: 24,
                             desktop: 32
                         } : 0,
                         children: [
-                            s,
-                            !i && e
+                            h,
+                            !d && e
                         ]
                     })
                 })
             }),
-            i && /* @__PURE__ */ t(f, {
-                className: n ? N : "",
-                backgroundColor: `linear-gradient(to bottom, ${c.colors.backgroundBrandBottom} 40px, ${c.colors.background} 0%)`,
+            d && /* @__PURE__ */ t(x, {
+                className: a ? R : "",
+                backgroundColor: `linear-gradient(to bottom, ${s.colors.backgroundBrandBottom} 40px, ${s.colors.background} 0%)`,
                 children: e
             })
         ]
     }));
-}, _ = (param)=>{
-    let { variant: a = "default", children: r, dataAttributes: o } = param;
-    const e = a === "brand";
-    return k(e ? {
-        topColor: c.colors.backgroundBrandTop
-    } : {}), /* @__PURE__ */ t(f, {
+}, dt = (param)=>{
+    let { variant: n = "default", children: r, dataAttributes: o } = param;
+    const e = n === "brand";
+    return L(e ? {
+        topColor: s.colors.backgroundBrandTop
+    } : {}), /* @__PURE__ */ t(x, {
         variant: e ? "brand" : void 0,
         dataAttributes: _object_spread({
             testid: "MainSectionHeaderLayout"
         }, o),
-        children: /* @__PURE__ */ t(B, {
+        children: /* @__PURE__ */ t(A, {
             template: "6+6",
-            left: /* @__PURE__ */ t(p, {
+            left: /* @__PURE__ */ t(f, {
                 paddingTop: {
                     mobile: 12,
                     desktop: 48
@@ -321,4 +329,4 @@ const W = (param)=>{
         })
     });
 };
-export { W as Header, Z as HeaderLayout, X as MainSectionHeader, _ as MainSectionHeaderLayout };
+export { rt as Header, it as HeaderLayout, ot as MainSectionHeader, dt as MainSectionHeaderLayout };

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

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                */ var r = {
-    height: "var(--v17_4_16rbpto0)"
-}, n = "v17_4_16rbpto1 v17_4_1y2v1nfsi", t = "v17_4_16rbpto3 v17_4_16rbpto2 v17_4_1y2v1nfre", o = "v17_4_16rbpto4 v17_4_1y2v1nfsi v17_4_1y2v1nfre v17_4_1y2v1nfrq v17_4_1y2v1nfrk", a = "v17_4_16rbpto5", e = "v17_4_16rbpto6 v17_4_1y2v1nfrk", p = "v17_4_16rbpto7 v17_4_1y2v1nfrt v17_4_1y2v1nfsi", b = "v17_4_16rbpto9 v17_4_16rbpto8 v17_4_1y2v1nfre v17_4_1y2v1nfs0 v17_4_1y2v1nfru", f = "v17_4_16rbptoa", i = "v17_4_16rbptob", y = "v17_4_16rbptoc v17_4_1y2v1nfre v17_4_1y2v1nfrk";
+    height: "var(--v17_5_16rbpto0)"
+}, n = "v17_5_16rbpto1 v17_5_1y2v1nfsi", t = "v17_5_16rbpto3 v17_5_16rbpto2 v17_5_1y2v1nfre", o = "v17_5_16rbpto4 v17_5_1y2v1nfsi v17_5_1y2v1nfre v17_5_1y2v1nfrq v17_5_1y2v1nfrk", a = "v17_5_16rbpto5", e = "v17_5_16rbpto6 v17_5_1y2v1nfrk", p = "v17_5_16rbpto7 v17_5_1y2v1nfrt v17_5_1y2v1nfsi", b = "v17_5_16rbpto9 v17_5_16rbpto8 v17_5_1y2v1nfre v17_5_1y2v1nfs0 v17_5_1y2v1nfru", f = "v17_5_16rbptoa", i = "v17_5_16rbptob", y = "v17_5_16rbptoc v17_5_1y2v1nfre v17_5_1y2v1nfrk";
 export { b as actions, t as container, p as containerDesktop, a as containerMinHeight, e as containerMobile, o as contentContainer, i as expandedContent, y as flexColumn, n as hero, f as layout, r as vars };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v17_4_1gl3gmv1 v17_4_1gl3gmv0 v17_4_1y2v1nfre", o = "v17_4_1gl3gmv2";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v17_5_1gl3gmv1 v17_5_1gl3gmv0 v17_5_1y2v1nfre", o = "v17_5_1gl3gmv2";
 export { o as noScrollbar, l as scroll };