@telefonica/mistica 16.52.0 → 16.53.0

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

@@ -1,139 +1,139 @@
 /* empty css                                */ var _ = {
-    rowMinSize: "var(--v16_52_mfyikv0)",
-    rowMaxSize: "var(--v16_52_mfyikv1)",
-    columnMinSize: "var(--v16_52_mfyikv2)",
-    columnMaxSize: "var(--v16_52_mfyikv3)"
+    rowMinSize: "var(--v16_53_mfyikv0)",
+    rowMaxSize: "var(--v16_53_mfyikv1)",
+    columnMinSize: "var(--v16_53_mfyikv2)",
+    columnMaxSize: "var(--v16_53_mfyikv3)"
 }, i = {
     columnGap: {
-        desktop: "var(--v16_52_mfyikv4)",
-        tablet: "var(--v16_52_mfyikv5)",
-        mobile: "var(--v16_52_mfyikv6)"
+        desktop: "var(--v16_53_mfyikv4)",
+        tablet: "var(--v16_53_mfyikv5)",
+        mobile: "var(--v16_53_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v16_52_mfyikv7)",
-        tablet: "var(--v16_52_mfyikv8)",
-        mobile: "var(--v16_52_mfyikv9)"
+        desktop: "var(--v16_53_mfyikv7)",
+        tablet: "var(--v16_53_mfyikv8)",
+        mobile: "var(--v16_53_mfyikv9)"
     }
-}, m = "v16_52_mfyikva", f = "v16_52_mfyikvb", y = "v16_52_mfyikvc", k = "v16_52_mfyikvd", e = {
-    1: "v16_52_mfyikve",
-    2: "v16_52_mfyikvf",
-    3: "v16_52_mfyikvg",
-    4: "v16_52_mfyikvh",
-    5: "v16_52_mfyikvi",
-    6: "v16_52_mfyikvj",
-    7: "v16_52_mfyikvk",
-    8: "v16_52_mfyikvl",
-    9: "v16_52_mfyikvm",
-    10: "v16_52_mfyikvn",
-    11: "v16_52_mfyikvo",
-    12: "v16_52_mfyikvp"
+}, m = "v16_53_mfyikva", f = "v16_53_mfyikvb", y = "v16_53_mfyikvc", k = "v16_53_mfyikvd", e = {
+    1: "v16_53_mfyikve",
+    2: "v16_53_mfyikvf",
+    3: "v16_53_mfyikvg",
+    4: "v16_53_mfyikvh",
+    5: "v16_53_mfyikvi",
+    6: "v16_53_mfyikvj",
+    7: "v16_53_mfyikvk",
+    8: "v16_53_mfyikvl",
+    9: "v16_53_mfyikvm",
+    10: "v16_53_mfyikvn",
+    11: "v16_53_mfyikvo",
+    12: "v16_53_mfyikvp"
 }, r = {
-    1: "v16_52_mfyikvq",
-    2: "v16_52_mfyikvr",
-    3: "v16_52_mfyikvs",
-    4: "v16_52_mfyikvt",
-    5: "v16_52_mfyikvu",
-    6: "v16_52_mfyikvv",
-    7: "v16_52_mfyikvw",
-    8: "v16_52_mfyikvx",
-    9: "v16_52_mfyikvy",
-    10: "v16_52_mfyikvz",
-    11: "v16_52_mfyikv10",
-    12: "v16_52_mfyikv11"
+    1: "v16_53_mfyikvq",
+    2: "v16_53_mfyikvr",
+    3: "v16_53_mfyikvs",
+    4: "v16_53_mfyikvt",
+    5: "v16_53_mfyikvu",
+    6: "v16_53_mfyikvv",
+    7: "v16_53_mfyikvw",
+    8: "v16_53_mfyikvx",
+    9: "v16_53_mfyikvy",
+    10: "v16_53_mfyikvz",
+    11: "v16_53_mfyikv10",
+    12: "v16_53_mfyikv11"
 }, a = {
-    column: "v16_52_mfyikv12",
-    row: "v16_52_mfyikv13",
-    "row dense": "v16_52_mfyikv14",
-    "column dense": "v16_52_mfyikv15"
+    column: "v16_53_mfyikv12",
+    row: "v16_53_mfyikv13",
+    "row dense": "v16_53_mfyikv14",
+    "column dense": "v16_53_mfyikv15"
 }, t = {
-    start: "v16_52_mfyikv16",
-    end: "v16_52_mfyikv17",
-    center: "v16_52_mfyikv18",
-    stretch: "v16_52_mfyikv19"
+    start: "v16_53_mfyikv16",
+    end: "v16_53_mfyikv17",
+    center: "v16_53_mfyikv18",
+    stretch: "v16_53_mfyikv19"
 }, n = {
-    start: "v16_52_mfyikv1a",
-    end: "v16_52_mfyikv1b",
-    center: "v16_52_mfyikv1c",
-    stretch: "v16_52_mfyikv1d",
-    baseline: "v16_52_mfyikv1e"
+    start: "v16_53_mfyikv1a",
+    end: "v16_53_mfyikv1b",
+    center: "v16_53_mfyikv1c",
+    stretch: "v16_53_mfyikv1d",
+    baseline: "v16_53_mfyikv1e"
 }, s = {
-    start: "v16_52_mfyikv1f",
-    end: "v16_52_mfyikv1g",
-    center: "v16_52_mfyikv1h",
-    stretch: "v16_52_mfyikv1i",
-    "space-between": "v16_52_mfyikv1j",
-    "space-around": "v16_52_mfyikv1k",
-    "space-evenly": "v16_52_mfyikv1l"
+    start: "v16_53_mfyikv1f",
+    end: "v16_53_mfyikv1g",
+    center: "v16_53_mfyikv1h",
+    stretch: "v16_53_mfyikv1i",
+    "space-between": "v16_53_mfyikv1j",
+    "space-around": "v16_53_mfyikv1k",
+    "space-evenly": "v16_53_mfyikv1l"
 }, o = {
-    start: "v16_52_mfyikv1m",
-    end: "v16_52_mfyikv1n",
-    center: "v16_52_mfyikv1o",
-    stretch: "v16_52_mfyikv1p",
-    "space-between": "v16_52_mfyikv1q",
-    "space-around": "v16_52_mfyikv1r",
-    "space-evenly": "v16_52_mfyikv1s"
-}, l = "v16_52_mfyikv1t", c = "v16_52_mfyikv1u", d = {
-    1: "v16_52_mfyikv1v",
-    2: "v16_52_mfyikv1w",
-    3: "v16_52_mfyikv1x",
-    4: "v16_52_mfyikv1y",
-    5: "v16_52_mfyikv1z",
-    6: "v16_52_mfyikv20",
-    7: "v16_52_mfyikv21",
-    8: "v16_52_mfyikv22",
-    9: "v16_52_mfyikv23",
-    10: "v16_52_mfyikv24",
-    11: "v16_52_mfyikv25",
-    12: "v16_52_mfyikv26"
+    start: "v16_53_mfyikv1m",
+    end: "v16_53_mfyikv1n",
+    center: "v16_53_mfyikv1o",
+    stretch: "v16_53_mfyikv1p",
+    "space-between": "v16_53_mfyikv1q",
+    "space-around": "v16_53_mfyikv1r",
+    "space-evenly": "v16_53_mfyikv1s"
+}, l = "v16_53_mfyikv1t", c = "v16_53_mfyikv1u", d = {
+    1: "v16_53_mfyikv1v",
+    2: "v16_53_mfyikv1w",
+    3: "v16_53_mfyikv1x",
+    4: "v16_53_mfyikv1y",
+    5: "v16_53_mfyikv1z",
+    6: "v16_53_mfyikv20",
+    7: "v16_53_mfyikv21",
+    8: "v16_53_mfyikv22",
+    9: "v16_53_mfyikv23",
+    10: "v16_53_mfyikv24",
+    11: "v16_53_mfyikv25",
+    12: "v16_53_mfyikv26"
 }, p = {
-    1: "v16_52_mfyikv27",
-    2: "v16_52_mfyikv28",
-    3: "v16_52_mfyikv29",
-    4: "v16_52_mfyikv2a",
-    5: "v16_52_mfyikv2b",
-    6: "v16_52_mfyikv2c",
-    7: "v16_52_mfyikv2d",
-    8: "v16_52_mfyikv2e",
-    9: "v16_52_mfyikv2f",
-    10: "v16_52_mfyikv2g",
-    11: "v16_52_mfyikv2h",
-    12: "v16_52_mfyikv2i"
+    1: "v16_53_mfyikv27",
+    2: "v16_53_mfyikv28",
+    3: "v16_53_mfyikv29",
+    4: "v16_53_mfyikv2a",
+    5: "v16_53_mfyikv2b",
+    6: "v16_53_mfyikv2c",
+    7: "v16_53_mfyikv2d",
+    8: "v16_53_mfyikv2e",
+    9: "v16_53_mfyikv2f",
+    10: "v16_53_mfyikv2g",
+    11: "v16_53_mfyikv2h",
+    12: "v16_53_mfyikv2i"
 }, u = {
-    1: "v16_52_mfyikv2j",
-    2: "v16_52_mfyikv2k",
-    3: "v16_52_mfyikv2l",
-    4: "v16_52_mfyikv2m",
-    5: "v16_52_mfyikv2n",
-    6: "v16_52_mfyikv2o",
-    7: "v16_52_mfyikv2p",
-    8: "v16_52_mfyikv2q",
-    9: "v16_52_mfyikv2r",
-    10: "v16_52_mfyikv2s",
-    11: "v16_52_mfyikv2t",
-    12: "v16_52_mfyikv2u"
+    1: "v16_53_mfyikv2j",
+    2: "v16_53_mfyikv2k",
+    3: "v16_53_mfyikv2l",
+    4: "v16_53_mfyikv2m",
+    5: "v16_53_mfyikv2n",
+    6: "v16_53_mfyikv2o",
+    7: "v16_53_mfyikv2p",
+    8: "v16_53_mfyikv2q",
+    9: "v16_53_mfyikv2r",
+    10: "v16_53_mfyikv2s",
+    11: "v16_53_mfyikv2t",
+    12: "v16_53_mfyikv2u"
 }, g = {
-    1: "v16_52_mfyikv2v",
-    2: "v16_52_mfyikv2w",
-    3: "v16_52_mfyikv2x",
-    4: "v16_52_mfyikv2y",
-    5: "v16_52_mfyikv2z",
-    6: "v16_52_mfyikv30",
-    7: "v16_52_mfyikv31",
-    8: "v16_52_mfyikv32",
-    9: "v16_52_mfyikv33",
-    10: "v16_52_mfyikv34",
-    11: "v16_52_mfyikv35",
-    12: "v16_52_mfyikv36"
+    1: "v16_53_mfyikv2v",
+    2: "v16_53_mfyikv2w",
+    3: "v16_53_mfyikv2x",
+    4: "v16_53_mfyikv2y",
+    5: "v16_53_mfyikv2z",
+    6: "v16_53_mfyikv30",
+    7: "v16_53_mfyikv31",
+    8: "v16_53_mfyikv32",
+    9: "v16_53_mfyikv33",
+    10: "v16_53_mfyikv34",
+    11: "v16_53_mfyikv35",
+    12: "v16_53_mfyikv36"
 }, w = {
-    start: "v16_52_mfyikv37",
-    end: "v16_52_mfyikv38",
-    center: "v16_52_mfyikv39",
-    stretch: "v16_52_mfyikv3a"
+    start: "v16_53_mfyikv37",
+    end: "v16_53_mfyikv38",
+    center: "v16_53_mfyikv39",
+    stretch: "v16_53_mfyikv3a"
 }, b = {
-    start: "v16_52_mfyikv3b",
-    end: "v16_52_mfyikv3c",
-    center: "v16_52_mfyikv3d",
-    stretch: "v16_52_mfyikv3e",
-    baseline: "v16_52_mfyikv3f"
+    start: "v16_53_mfyikv3b",
+    end: "v16_53_mfyikv3c",
+    center: "v16_53_mfyikv3d",
+    stretch: "v16_53_mfyikv3e",
+    baseline: "v16_53_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 = "v16_52_mtk7e90", m = "v16_52_mtk7e92 v16_52_mtk7e90 v16_52_mtk7e91 v16_52_1y2v1nfhe", r = "v16_52_mtk7e93", t = "v16_52_mtk7e94 v16_52_1y2v1nfpm v16_52_1y2v1nfps";
+/* empty css                                     */ /* empty css                                  */ var e = "v16_53_mtk7e90", m = "v16_53_mtk7e92 v16_53_mtk7e90 v16_53_mtk7e91 v16_53_1y2v1nfhu", r = "v16_53_mtk7e93", t = "v16_53_mtk7e94 v16_53_1y2v1nfq2 v16_53_1y2v1nfq8";
 export { m as breadcrumbs, t as flexColumn, r as hideOnDesktop, e as hideOnTabletOrSmaller };

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

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                */ var r = {
-    height: "var(--v16_52_16rbpto0)"
-}, n = "v16_52_16rbpto1 v16_52_1y2v1nfqq", t = "v16_52_16rbpto3 v16_52_16rbpto2 v16_52_1y2v1nfpm", o = "v16_52_16rbpto4 v16_52_1y2v1nfqq v16_52_1y2v1nfpm v16_52_1y2v1nfpy v16_52_1y2v1nfps", p = "v16_52_16rbpto5", a = "v16_52_16rbpto6 v16_52_1y2v1nfps", e = "v16_52_16rbpto7 v16_52_1y2v1nfq1 v16_52_1y2v1nfqq", y = "v16_52_16rbpto9 v16_52_16rbpto8 v16_52_1y2v1nfpm v16_52_1y2v1nfq8 v16_52_1y2v1nfq2", b = "v16_52_16rbptoa", f = "v16_52_16rbptob", i = "v16_52_16rbptoc v16_52_1y2v1nfpm v16_52_1y2v1nfps";
-export { y as actions, t as container, e as containerDesktop, p as containerMinHeight, a as containerMobile, o as contentContainer, f as expandedContent, i as flexColumn, n as hero, b as layout, r as vars };
+    height: "var(--v16_53_16rbpto0)"
+}, n = "v16_53_16rbpto1 v16_53_1y2v1nfr6", o = "v16_53_16rbpto3 v16_53_16rbpto2 v16_53_1y2v1nfq2", t = "v16_53_16rbpto4 v16_53_1y2v1nfr6 v16_53_1y2v1nfq2 v16_53_1y2v1nfqe v16_53_1y2v1nfq8", a = "v16_53_16rbpto5", p = "v16_53_16rbpto6 v16_53_1y2v1nfq8", e = "v16_53_16rbpto7 v16_53_1y2v1nfqh v16_53_1y2v1nfr6", b = "v16_53_16rbpto9 v16_53_16rbpto8 v16_53_1y2v1nfq2 v16_53_1y2v1nfqo v16_53_1y2v1nfqi", f = "v16_53_16rbptoa", y = "v16_53_16rbptob", i = "v16_53_16rbptoc v16_53_1y2v1nfq2 v16_53_1y2v1nfq8";
+export { b as actions, o as container, e as containerDesktop, a as containerMinHeight, p as containerMobile, t as contentContainer, y as expandedContent, i as flexColumn, n as hero, f as layout, r as vars };

package/dist-es/hero.js

@@ -78,7 +78,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as d, Fragment as N } from "react/jsx-runtime";
+import { jsx as e, jsxs as l, Fragment as N } from "react/jsx-runtime";
 import * as $ from "react";
 import v from "classnames";
 import { useScreenSize as A } from "./hooks.js";
@@ -87,98 +87,98 @@ import V from "./grid-layout.js";
 import T from "./box.js";
 import j from "./stack.js";
 import E from "./button-group.js";
-import { vars as l } from "./skins/skin-contract.css-mistica.js";
-import { expandedContent as _, layout as B, container as y, containerMobile as z, containerMinHeight as w, hero as F, containerDesktop as H, contentContainer as I, flexColumn as K, actions as M, vars as S } from "./hero.css-mistica.js";
+import { vars as o } from "./skins/skin-contract.css-mistica.js";
+import { expandedContent as _, layout as B, container as g, containerMobile as z, containerMinHeight as w, hero as F, containerDesktop as H, contentContainer as I, flexColumn as K, actions as M, vars as S } from "./hero.css-mistica.js";
 import { vars as b } from "./image.css-mistica.js";
 import { useSlideshowContext as U } from "./carousel.js";
 import { getPrefixedDataAttributes as k } from "./utils/dom.js";
 import { useThemeVariant as W } from "./theme-variant-context.js";
-import { applyCssVars as g } from "./utils/css.js";
+import { applyCssVars as y } from "./utils/css.js";
 import { ResetResponsiveLayout as q, InternalResponsiveLayout as J } from "./responsive-layout.js";
-import { isBiggerHeading as Q } from "./utils/headings.js";
+import { isBiggerHeading as P } from "./utils/headings.js";
 const L = {
-    default: l.colors.background,
-    alternative: l.colors.backgroundAlternative,
-    brand: l.colors.backgroundBrand,
-    "brand-secondary": l.colors.backgroundBrandSecondary,
+    default: o.colors.background,
+    alternative: o.colors.backgroundAlternative,
+    brand: o.colors.backgroundBrand,
+    "brand-secondary": o.colors.backgroundBrandSecondary,
     none: "transparent"
 }, O = (param)=>{
-    let { children: r, variant: t, backgroundColor: a } = param;
+    let { children: t, variant: r, backgroundColor: n } = param;
     return /* @__PURE__ */ e(J, {
-        variant: t,
+        variant: r,
         className: B,
         innerDivClassName: B,
         shouldExpandWhenNested: !0,
-        backgroundColor: a !== null && a !== void 0 ? a : "transparent",
-        children: r
+        backgroundColor: n !== null && n !== void 0 ? n : "transparent",
+        children: t
     });
 }, x = (param)=>{
-    let { headline: r, title: t, titleAs: a = "h1", pretitle: i, pretitleAs: c, description: o, descriptionLinesMax: m, extra: p, button: u, secondaryButton: C, buttonLink: s } = param;
-    const h = t ? /* @__PURE__ */ e(G, {
-        as: a,
+    let { headline: t, title: r, titleAs: n = "h1", pretitle: d, pretitleAs: c, description: a, descriptionLinesMax: m, extra: p, button: h, secondaryButton: C, buttonLink: s } = param;
+    const u = r ? /* @__PURE__ */ e(G, {
+        as: n,
         dataAttributes: {
             testid: "title"
         },
-        children: t
-    }) : void 0, n = i ? /* @__PURE__ */ e(R, {
+        children: r
+    }) : void 0, i = d ? /* @__PURE__ */ e(R, {
         as: c,
         regular: !0,
         dataAttributes: {
             testid: "pretitle"
         },
-        children: i
-    }) : void 0, f = r ? /* @__PURE__ */ e("div", {
+        children: d
+    }) : void 0, f = t ? /* @__PURE__ */ e("div", {
         "data-testid": "headline",
         style: {
-            paddingBottom: i || t || o ? 16 : 0,
+            paddingBottom: d || r || a ? 16 : 0,
             order: -1
         },
-        children: r
+        children: t
     }) : void 0;
-    return /* @__PURE__ */ d("section", {
+    return /* @__PURE__ */ l("section", {
         className: I,
         children: [
-            /* @__PURE__ */ d("div", {
+            /* @__PURE__ */ l("div", {
                 children: [
-                    /* @__PURE__ */ d(j, {
+                    /* @__PURE__ */ l(j, {
                         space: 16,
                         children: [
                             /* @__PURE__ */ e("div", {
                                 className: K,
-                                children: Q(a, c) ? /* @__PURE__ */ d(N, {
+                                children: P(n, c) ? /* @__PURE__ */ l(N, {
                                     children: [
-                                        h,
+                                        u,
                                         f,
-                                        n && /* @__PURE__ */ e("div", {
+                                        i && /* @__PURE__ */ e("div", {
                                             style: {
-                                                paddingBottom: t ? 8 : 0,
+                                                paddingBottom: r ? 8 : 0,
                                                 order: -1
                                             },
-                                            children: n
+                                            children: i
                                         })
                                     ]
-                                }) : /* @__PURE__ */ d(N, {
+                                }) : /* @__PURE__ */ l(N, {
                                     children: [
-                                        n && /* @__PURE__ */ e("div", {
+                                        i && /* @__PURE__ */ e("div", {
                                             style: {
-                                                paddingBottom: t ? 8 : 0
+                                                paddingBottom: r ? 8 : 0
                                             },
-                                            children: n
+                                            children: i
                                         }),
                                         f,
-                                        h
+                                        u
                                     ]
                                 })
                             }),
-                            o && /* @__PURE__ */ e(R, {
+                            a && /* @__PURE__ */ e(R, {
                                 as: "p",
                                 regular: !0,
-                                color: l.colors.textSecondary,
+                                color: o.colors.textSecondary,
                                 truncate: m,
                                 dataAttributes: {
                                     testid: "description"
                                 },
-                                children: o
+                                children: a
                             })
                         ]
                     }),
@@ -188,18 +188,18 @@ const L = {
                     })
                 ]
             }),
-            (u || s) && /* @__PURE__ */ e("div", {
+            (h || s) && /* @__PURE__ */ e("div", {
                 className: M,
                 children: /* @__PURE__ */ e(E, {
-                    primaryButton: u,
+                    primaryButton: h,
                     secondaryButton: C,
                     link: s
                 })
             })
         ]
     });
-}, ue = /*#__PURE__*/ $.forwardRef((_param, p)=>{
-    var { height: r, background: t = "default", media: a, desktopMediaPosition: i = "left", dataAttributes: c, noPaddingY: o } = _param, m = _object_without_properties(_param, [
+}, he = /*#__PURE__*/ $.forwardRef((_param, p)=>{
+    var { height: t, background: r = "default", media: n, desktopMediaPosition: d = "left", dataAttributes: c, noPaddingY: a } = _param, m = _object_without_properties(_param, [
         "height",
         "background",
         "media",
@@ -208,39 +208,39 @@ const L = {
         "noPaddingY"
     ]);
     var _U;
-    const { isTabletOrSmaller: u } = A(), s = !!((_U = U()) === null || _U === void 0 ? void 0 : _U.withBullets), h = W(), n = t === "none" ? h : ({
+    const { isTabletOrSmaller: h } = A(), s = !!((_U = U()) === null || _U === void 0 ? void 0 : _U.withBullets), u = W(), i = r === "none" ? u : ({
         default: "default",
         alternative: "alternative",
         brand: "brand",
         "brand-secondary": "negative"
-    })[t];
-    if (u) return /* @__PURE__ */ e(q, {
+    })[r];
+    if (h) return /* @__PURE__ */ e(q, {
         children: /* @__PURE__ */ e("div", {
-            style: g({
+            style: y({
                 [b.mediaBorderRadius]: "0px"
             }),
-            children: /* @__PURE__ */ d("div", _object_spread_props(_object_spread({}, k(c, "Hero")), {
+            children: /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, k(c, "Hero")), {
                 ref: p,
-                style: _object_spread({}, r === "100vh" ? {
+                style: _object_spread({}, t === "100vh" ? {
                     maxHeight: "-webkit-fill-available"
-                } : {}, g({
-                    [S.height]: typeof r == "number" ? `${r}px` : r !== null && r !== void 0 ? r : "100%",
+                } : {}, y({
+                    [S.height]: typeof t == "number" ? `${t}px` : t !== null && t !== void 0 ? t : "100%",
                     [b.mediaBorderRadius]: "0px"
                 })),
-                className: v(y, z, {
-                    [w]: !o
+                className: v(g, z, {
+                    [w]: !a
                 }),
                 children: [
-                    a,
+                    n,
                     /* @__PURE__ */ e(O, {
-                        variant: n,
-                        backgroundColor: L[t],
+                        variant: i,
+                        backgroundColor: L[r],
                         children: /* @__PURE__ */ e("div", {
                             className: _,
                             children: /* @__PURE__ */ e("div", {
                                 style: {
-                                    paddingTop: 24,
-                                    paddingBottom: s ? 48 : o ? 0 : 24
+                                    paddingTop: o.spacing.heroPadding.top,
+                                    paddingBottom: s ? 48 : a ? 0 : o.spacing.heroPadding.bottom
                                 },
                                 className: B,
                                 children: /* @__PURE__ */ e(x, _object_spread({}, m))
@@ -251,48 +251,48 @@ const L = {
             }))
         })
     });
-    const f = i === "left" ? a : /* @__PURE__ */ e(T, {
+    const f = d === "left" ? n : /* @__PURE__ */ e(T, {
         paddingRight: 24,
         children: /* @__PURE__ */ e(x, _object_spread({}, m))
-    }), D = i === "right" ? a : /* @__PURE__ */ e(T, {
+    }), D = d === "right" ? n : /* @__PURE__ */ e(T, {
         paddingLeft: 24,
         children: /* @__PURE__ */ e(x, _object_spread({}, m))
     });
     return /* @__PURE__ */ e("div", _object_spread_props(_object_spread({}, k(c, "Hero")), {
         ref: p,
-        style: _object_spread_props(_object_spread({}, r === "100vh" ? {
+        style: _object_spread_props(_object_spread({}, t === "100vh" ? {
             maxHeight: "-webkit-fill-available"
-        } : {}, g({
-            [S.height]: typeof r == "number" ? `${r}px` : r !== null && r !== void 0 ? r : "100%",
-            [b.mediaBorderRadius]: l.borderRadii.container
+        } : {}, y({
+            [S.height]: typeof t == "number" ? `${t}px` : t !== null && t !== void 0 ? t : "100%",
+            [b.mediaBorderRadius]: o.borderRadii.container
         })), {
-            background: L[t]
+            background: L[r]
         }),
         className: F,
         children: /* @__PURE__ */ e(O, {
-            variant: n,
+            variant: i,
             children: /* @__PURE__ */ e(V, {
                 template: "6+6",
                 left: /* @__PURE__ */ e("div", {
                     style: {
-                        paddingTop: o ? 0 : 56,
-                        paddingBottom: o && !s ? 0 : 56
+                        paddingTop: a ? 0 : o.spacing.heroPadding.top,
+                        paddingBottom: a && !s ? 0 : o.spacing.heroPadding.bottom
                     },
-                    className: v(y, H, {
-                        [w]: !o
+                    className: v(g, H, {
+                        [w]: !a
                     }),
                     children: f
                 }),
                 right: /* @__PURE__ */ e("div", {
                     style: {
-                        paddingTop: o ? 0 : 56,
-                        paddingBottom: o && !s ? 0 : 56
+                        paddingTop: a ? 0 : o.spacing.heroPadding.top,
+                        paddingBottom: a && !s ? 0 : o.spacing.heroPadding.bottom
                     },
-                    className: v(y, H),
+                    className: v(g, H),
                     children: D
                 })
             })
         })
     }));
 });
-export { ue as default };
+export { he as default };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v16_52_1gl3gmv1 v16_52_1gl3gmv0 v16_52_1y2v1nfpm", m = "v16_52_1gl3gmv2";
-export { m as noScrollbar, l as scroll };
+/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v16_53_1gl3gmv1 v16_53_1gl3gmv0 v16_53_1y2v1nfq2", o = "v16_53_1gl3gmv2";
+export { o as noScrollbar, l as scroll };