@telefonica/mistica 16.6.0 → 16.7.0

package/dist-es/empty-state-card.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state-card.css.ts.vanilla.css-mistica.js";
-var n = "_1azor6p4 _1y2v1nfin _1y2v1nfj3", o = "_1azor6p0", v = "_1azor6p2 _1y2v1nfhq _1y2v1nfj5";
-export { n as assetContainer, o as container, v as image };
+var r = "v16_7_1azor6p4 v16_7_1y2v1nfin v16_7_1y2v1nfj3", a = "v16_7_1azor6p0", n = "v16_7_1azor6p2 v16_7_1y2v1nfhq v16_7_1y2v1nfj5";
+export { r as assetContainer, a as container, n as image };

package/dist-es/empty-state.css-mistica.js

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state.css.ts.vanilla.css-mistica.js";
-var v = "_13fzrua9 _1y2v1nfip _1y2v1nfj5", e = "_1y2v1nfk5", n = "_13fzrua2 _1y2v1nfho _1y2v1nf7g", f = {
-    default: "_13fzrua3",
-    largeImage: "_13fzrua4"
-}, _ = "_13fzruad", o = "_13fzrua7 _1y2v1nfis", t = "_13fzrua5", u = "_13fzruab _1y2v1nfhq", g = {
-    backgroundColor: "var(--_13fzrua0)"
+var v = "v16_7_13fzrua9 v16_7_1y2v1nfip v16_7_1y2v1nfj5", _ = "v16_7_1y2v1nfk5", e = "v16_7_13fzrua2 v16_7_1y2v1nfho v16_7_1y2v1nf7g", n = {
+    default: "v16_7_13fzrua3",
+    largeImage: "v16_7_13fzrua4"
+}, f = "v16_7_13fzruad", o = "v16_7_13fzrua7 v16_7_1y2v1nfis", t = "v16_7_13fzrua5", u = "v16_7_13fzruab v16_7_1y2v1nfhq", g = {
+    backgroundColor: "var(--v16_7_13fzrua0)"
 };
-export { v as assetContainer, e as border, n as container, f as contentVariants, _ as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, g as vars };
+export { v as assetContainer, _ as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, g as vars };

package/dist-es/fade-in.css-mistica.js

@@ -1,3 +1,3 @@
 import "./fade-in.css.ts.vanilla.css-mistica.js";
-var p = "kq227n1";
+var p = "v16_7_kq227n1";
 export { p as wrapper };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./feedback.css.ts.vanilla.css-mistica.js";
-var r = "_1y2v1nfin _1y2v1nfj3", n = "gx6h6af", t = "gx6h6a4 _1y2v1nfho _1y2v1nfis _1y2v1nfib _1y2v1nfhu", v = "gx6h6a0", x = "gx6h6a1", h = "gx6h6a2", g = "gx6h6ae", o = "gx6h6ab gx6h6aa", i = "gx6h6ac gx6h6aa", p = "gx6h6ad gx6h6aa", d = "gx6h6a5", f = "gx6h6a6";
-export { r as assetContainer, n as backgroundBrand, t as container, v as desktopContainer, x as desktopContent, h as desktopImage, g as feedbackData, o as feedbackTextAppearFast, i as feedbackTextAppearMedium, p as feedbackTextAppearSlow, d as innerContainer, f as innerContainerWithButtons };
+var v = "v16_7_1y2v1nfin v16_7_1y2v1nfj3", e = "v16_7_gx6h6af", r = "v16_7_gx6h6a4 v16_7_1y2v1nfho v16_7_1y2v1nfis v16_7_1y2v1nfib v16_7_1y2v1nfhu", n = "v16_7_gx6h6a0", t = "v16_7_gx6h6a1", x = "v16_7_gx6h6a2", h = "v16_7_gx6h6ae", g = "v16_7_gx6h6ab v16_7_gx6h6aa", o = "v16_7_gx6h6ac v16_7_gx6h6aa", i = "v16_7_gx6h6ad v16_7_gx6h6aa", p = "v16_7_gx6h6a5", d = "v16_7_gx6h6a6";
+export { v as assetContainer, e as backgroundBrand, r as container, n as desktopContainer, t as desktopContent, x as desktopImage, h as feedbackData, g as feedbackTextAppearFast, o as feedbackTextAppearMedium, i as feedbackTextAppearSlow, p as innerContainer, d as innerContainerWithButtons };

package/dist-es/fixed-footer-layout.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./fixed-footer-layout.css.ts.vanilla.css-mistica.js";
-var a = "p5j8j5d _1y2v1nfla _1y2v1nflp _1y2v1nfhj", n = "p5j8j57", o = "p5j8j55", f = "p5j8j5b _1y2v1nfkv _1y2v1nfla _1y2v1nflp _1y2v1nfm4 _1y2v1nfhk", j = "p5j8j54", y = "p5j8j53 _1y2v1nfib", p = "p5j8j59 _1y2v1nfkv _1y2v1nfla _1y2v1nflp _1y2v1nfm4 _1y2v1nfhk", e = {
-    footerHeight: "var(--p5j8j50)",
-    backgroundColor: "var(--p5j8j51)"
-}, _ = "_1y2v1nfhn";
-export { a as absoluteBackgroundLayer, n as container, o as elevated, f as fixedBackgroundLayer, j as fixedFooter, y as footer, p as portal, e as vars, _ as withoutFooter };
+var r = "v16_7_p5j8j5d v16_7_1y2v1nfla v16_7_1y2v1nflp v16_7_1y2v1nfhj", a = "v16_7_p5j8j57", n = "v16_7_p5j8j55", o = "v16_7_p5j8j5b v16_7_1y2v1nfkv v16_7_1y2v1nfla v16_7_1y2v1nflp v16_7_1y2v1nfm4 v16_7_1y2v1nfhk", f = "v16_7_p5j8j54", j = "v16_7_p5j8j53 v16_7_1y2v1nfib", y = "v16_7_p5j8j59 v16_7_1y2v1nfkv v16_7_1y2v1nfla v16_7_1y2v1nflp v16_7_1y2v1nfm4 v16_7_1y2v1nfhk", p = {
+    footerHeight: "var(--v16_7_p5j8j50)",
+    backgroundColor: "var(--v16_7_p5j8j51)"
+}, e = "v16_7_1y2v1nfhn";
+export { r as absoluteBackgroundLayer, a as container, n as elevated, o as fixedBackgroundLayer, f as fixedFooter, j as footer, y as portal, p as vars, e as withoutFooter };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var o = "_1y2v1nfib";
+var o = "v16_7_1y2v1nfib";
 export { o as form };

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

@@ -1,6 +1,6 @@
 import "./grid-layout.css.ts.vanilla.css-mistica.js";
-var r = "_379jdb5", d = "_379jdb2", v = "_379jdb1", e = "_379jdb0", l = "_379jdb4", o = "_379jdb7", b = {
-    colSpan: "var(--_379jdb6)",
-    verticalSpace: "var(--_379jdb3)"
+var a = "v16_7_379jdb5", _ = "v16_7_379jdb2", r = "v16_7_379jdb1", d = "v16_7_379jdb0", e = "v16_7_379jdb4", l = "v16_7_379jdb7", o = {
+    colSpan: "var(--v16_7_379jdb6)",
+    verticalSpace: "var(--v16_7_379jdb3)"
 };
-export { r as collapsedInTablet, d as desktopLargeColumn, v as desktopMediumColumn, e as desktopSmallColumn, l as grid, o as span, b as vars };
+export { a as collapsedInTablet, _ as desktopLargeColumn, r as desktopMediumColumn, d as desktopSmallColumn, e as grid, l as span, o as vars };

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

@@ -1,140 +1,140 @@
 import "./grid.css.ts.vanilla.css-mistica.js";
-var i = {
-    start: "mfyikv3b",
-    end: "mfyikv3c",
-    center: "mfyikv3d",
-    stretch: "mfyikv3e",
-    baseline: "mfyikv3f"
-}, m = {
-    1: "mfyikv2j",
-    2: "mfyikv2k",
-    3: "mfyikv2l",
-    4: "mfyikv2m",
-    5: "mfyikv2n",
-    6: "mfyikv2o",
-    7: "mfyikv2p",
-    8: "mfyikv2q",
-    9: "mfyikv2r",
-    10: "mfyikv2s",
-    11: "mfyikv2t",
-    12: "mfyikv2u"
-}, f = "mfyikv1t", y = "mfyikv1u", k = "mfyikvb", e = {
+var _ = {
+    start: "v16_7_mfyikv3b",
+    end: "v16_7_mfyikv3c",
+    center: "v16_7_mfyikv3d",
+    stretch: "v16_7_mfyikv3e",
+    baseline: "v16_7_mfyikv3f"
+}, i = {
+    1: "v16_7_mfyikv2j",
+    2: "v16_7_mfyikv2k",
+    3: "v16_7_mfyikv2l",
+    4: "v16_7_mfyikv2m",
+    5: "v16_7_mfyikv2n",
+    6: "v16_7_mfyikv2o",
+    7: "v16_7_mfyikv2p",
+    8: "v16_7_mfyikv2q",
+    9: "v16_7_mfyikv2r",
+    10: "v16_7_mfyikv2s",
+    11: "v16_7_mfyikv2t",
+    12: "v16_7_mfyikv2u"
+}, m = "v16_7_mfyikv1t", f = "v16_7_mfyikv1u", y = "v16_7_mfyikvb", k = {
     columnGap: {
-        desktop: "var(--mfyikv4)",
-        tablet: "var(--mfyikv5)",
-        mobile: "var(--mfyikv6)"
+        desktop: "var(--v16_7_mfyikv4)",
+        tablet: "var(--v16_7_mfyikv5)",
+        mobile: "var(--v16_7_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--mfyikv7)",
-        tablet: "var(--mfyikv8)",
-        mobile: "var(--mfyikv9)"
+        desktop: "var(--v16_7_mfyikv7)",
+        tablet: "var(--v16_7_mfyikv8)",
+        mobile: "var(--v16_7_mfyikv9)"
     }
-}, r = "mfyikva", a = {
-    start: "mfyikv1m",
-    end: "mfyikv1n",
-    center: "mfyikv1o",
-    stretch: "mfyikv1p",
-    "space-between": "mfyikv1q",
-    "space-around": "mfyikv1r",
-    "space-evenly": "mfyikv1s"
+}, e = "v16_7_mfyikva", r = {
+    start: "v16_7_mfyikv1m",
+    end: "v16_7_mfyikv1n",
+    center: "v16_7_mfyikv1o",
+    stretch: "v16_7_mfyikv1p",
+    "space-between": "v16_7_mfyikv1q",
+    "space-around": "v16_7_mfyikv1r",
+    "space-evenly": "v16_7_mfyikv1s"
+}, a = {
+    start: "v16_7_mfyikv1a",
+    end: "v16_7_mfyikv1b",
+    center: "v16_7_mfyikv1c",
+    stretch: "v16_7_mfyikv1d",
+    baseline: "v16_7_mfyikv1e"
 }, t = {
-    start: "mfyikv1a",
-    end: "mfyikv1b",
-    center: "mfyikv1c",
-    stretch: "mfyikv1d",
-    baseline: "mfyikv1e"
+    column: "v16_7_mfyikv12",
+    row: "v16_7_mfyikv13",
+    "row dense": "v16_7_mfyikv14",
+    "column dense": "v16_7_mfyikv15"
 }, n = {
-    column: "mfyikv12",
-    row: "mfyikv13",
-    "row dense": "mfyikv14",
-    "column dense": "mfyikv15"
+    start: "v16_7_mfyikv1f",
+    end: "v16_7_mfyikv1g",
+    center: "v16_7_mfyikv1h",
+    stretch: "v16_7_mfyikv1i",
+    "space-between": "v16_7_mfyikv1j",
+    "space-around": "v16_7_mfyikv1k",
+    "space-evenly": "v16_7_mfyikv1l"
 }, s = {
-    start: "mfyikv1f",
-    end: "mfyikv1g",
-    center: "mfyikv1h",
-    stretch: "mfyikv1i",
-    "space-between": "mfyikv1j",
-    "space-around": "mfyikv1k",
-    "space-evenly": "mfyikv1l"
+    start: "v16_7_mfyikv16",
+    end: "v16_7_mfyikv17",
+    center: "v16_7_mfyikv18",
+    stretch: "v16_7_mfyikv19"
 }, o = {
-    start: "mfyikv16",
-    end: "mfyikv17",
-    center: "mfyikv18",
-    stretch: "mfyikv19"
-}, l = {
-    1: "mfyikve",
-    2: "mfyikvf",
-    3: "mfyikvg",
-    4: "mfyikvh",
-    5: "mfyikvi",
-    6: "mfyikvj",
-    7: "mfyikvk",
-    8: "mfyikvl",
-    9: "mfyikvm",
-    10: "mfyikvn",
-    11: "mfyikvo",
-    12: "mfyikvp"
-}, c = "mfyikvc", d = {
-    1: "mfyikvq",
-    2: "mfyikvr",
-    3: "mfyikvs",
-    4: "mfyikvt",
-    5: "mfyikvu",
-    6: "mfyikvv",
-    7: "mfyikvw",
-    8: "mfyikvx",
-    9: "mfyikvy",
-    10: "mfyikvz",
-    11: "mfyikv10",
-    12: "mfyikv11"
-}, p = "mfyikvd", u = {
-    start: "mfyikv37",
-    end: "mfyikv38",
-    center: "mfyikv39",
-    stretch: "mfyikv3a"
+    1: "v16_7_mfyikve",
+    2: "v16_7_mfyikvf",
+    3: "v16_7_mfyikvg",
+    4: "v16_7_mfyikvh",
+    5: "v16_7_mfyikvi",
+    6: "v16_7_mfyikvj",
+    7: "v16_7_mfyikvk",
+    8: "v16_7_mfyikvl",
+    9: "v16_7_mfyikvm",
+    10: "v16_7_mfyikvn",
+    11: "v16_7_mfyikvo",
+    12: "v16_7_mfyikvp"
+}, l = "v16_7_mfyikvc", c = {
+    1: "v16_7_mfyikvq",
+    2: "v16_7_mfyikvr",
+    3: "v16_7_mfyikvs",
+    4: "v16_7_mfyikvt",
+    5: "v16_7_mfyikvu",
+    6: "v16_7_mfyikvv",
+    7: "v16_7_mfyikvw",
+    8: "v16_7_mfyikvx",
+    9: "v16_7_mfyikvy",
+    10: "v16_7_mfyikvz",
+    11: "v16_7_mfyikv10",
+    12: "v16_7_mfyikv11"
+}, d = "v16_7_mfyikvd", p = {
+    start: "v16_7_mfyikv37",
+    end: "v16_7_mfyikv38",
+    center: "v16_7_mfyikv39",
+    stretch: "v16_7_mfyikv3a"
+}, u = {
+    1: "v16_7_mfyikv2v",
+    2: "v16_7_mfyikv2w",
+    3: "v16_7_mfyikv2x",
+    4: "v16_7_mfyikv2y",
+    5: "v16_7_mfyikv2z",
+    6: "v16_7_mfyikv30",
+    7: "v16_7_mfyikv31",
+    8: "v16_7_mfyikv32",
+    9: "v16_7_mfyikv33",
+    10: "v16_7_mfyikv34",
+    11: "v16_7_mfyikv35",
+    12: "v16_7_mfyikv36"
 }, g = {
-    1: "mfyikv2v",
-    2: "mfyikv2w",
-    3: "mfyikv2x",
-    4: "mfyikv2y",
-    5: "mfyikv2z",
-    6: "mfyikv30",
-    7: "mfyikv31",
-    8: "mfyikv32",
-    9: "mfyikv33",
-    10: "mfyikv34",
-    11: "mfyikv35",
-    12: "mfyikv36"
+    1: "v16_7_mfyikv1v",
+    2: "v16_7_mfyikv1w",
+    3: "v16_7_mfyikv1x",
+    4: "v16_7_mfyikv1y",
+    5: "v16_7_mfyikv1z",
+    6: "v16_7_mfyikv20",
+    7: "v16_7_mfyikv21",
+    8: "v16_7_mfyikv22",
+    9: "v16_7_mfyikv23",
+    10: "v16_7_mfyikv24",
+    11: "v16_7_mfyikv25",
+    12: "v16_7_mfyikv26"
 }, w = {
-    1: "mfyikv1v",
-    2: "mfyikv1w",
-    3: "mfyikv1x",
-    4: "mfyikv1y",
-    5: "mfyikv1z",
-    6: "mfyikv20",
-    7: "mfyikv21",
-    8: "mfyikv22",
-    9: "mfyikv23",
-    10: "mfyikv24",
-    11: "mfyikv25",
-    12: "mfyikv26"
+    1: "v16_7_mfyikv27",
+    2: "v16_7_mfyikv28",
+    3: "v16_7_mfyikv29",
+    4: "v16_7_mfyikv2a",
+    5: "v16_7_mfyikv2b",
+    6: "v16_7_mfyikv2c",
+    7: "v16_7_mfyikv2d",
+    8: "v16_7_mfyikv2e",
+    9: "v16_7_mfyikv2f",
+    10: "v16_7_mfyikv2g",
+    11: "v16_7_mfyikv2h",
+    12: "v16_7_mfyikv2i"
 }, b = {
-    1: "mfyikv27",
-    2: "mfyikv28",
-    3: "mfyikv29",
-    4: "mfyikv2a",
-    5: "mfyikv2b",
-    6: "mfyikv2c",
-    7: "mfyikv2d",
-    8: "mfyikv2e",
-    9: "mfyikv2f",
-    10: "mfyikv2g",
-    11: "mfyikv2h",
-    12: "mfyikv2i"
-}, h = {
-    rowMinSize: "var(--mfyikv0)",
-    rowMaxSize: "var(--mfyikv1)",
-    columnMinSize: "var(--mfyikv2)",
-    columnMaxSize: "var(--mfyikv3)"
+    rowMinSize: "var(--v16_7_mfyikv0)",
+    rowMaxSize: "var(--v16_7_mfyikv1)",
+    columnMinSize: "var(--v16_7_mfyikv2)",
+    columnMaxSize: "var(--v16_7_mfyikv3)"
 };
-export { i as alignSelf, m as columnStart, f as fullColumns, y as fullRows, k as gap, e as gapVars, r as grid, a as gridAlignContent, t as gridAlignItems, n as gridAutoFlow, s as gridJustifyContent, o as gridJustifyItems, l as gridTemplateColumns, c as gridTemplateColumnsAutoRepeat, d as gridTemplateRows, p as gridTemplateRowsAutoRepeat, u as justifySelf, g as rowStart, w as spanColumns, b as spanRows, h as vars };
+export { _ as alignSelf, i as columnStart, m as fullColumns, f as fullRows, y as gap, k as gapVars, e as grid, r as gridAlignContent, a as gridAlignItems, t as gridAutoFlow, n as gridJustifyContent, s as gridJustifyItems, o as gridTemplateColumns, l as gridTemplateColumnsAutoRepeat, c as gridTemplateRows, d as gridTemplateRowsAutoRepeat, p as justifySelf, u as rowStart, g as spanColumns, w as spanRows, b as vars };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./header.css.ts.vanilla.css-mistica.js";
-var m = "mtk7e90 _1y2v1nf9g", t = "_1y2v1nfho _1y2v1nfhu", a = "mtk7e93", v = "mtk7e90";
-export { m as breadcrumbs, t as flexColumn, a as hideOnDesktop, v as hideOnTabletOrSmaller };
+var e = "v16_7_mtk7e90 v16_7_1y2v1nf9g", r = "v16_7_1y2v1nfho v16_7_1y2v1nfhu", m = "v16_7_mtk7e93", t = "v16_7_mtk7e90";
+export { e as breadcrumbs, r as flexColumn, m as hideOnDesktop, t as hideOnTabletOrSmaller };

package/dist-es/header.js

@@ -91,13 +91,13 @@ import { getPrefixedDataAttributes as j } from "./utils/dom.js";
 import { Title3 as O, Title4 as R } from "./title.js";
 import { isBiggerHeading as F } from "./utils/headings.js";
 const Z = (param)=>{
-    let { headline: o, pretitle: e, pretitleAs: r, title: d, titleAs: a = "h2", description: i, dataAttributes: b, small: c = !1 } = param;
+    let { headline: r, pretitle: e, pretitleAs: d, title: o, titleAs: a = "h2", description: i, dataAttributes: b, small: c = !1 } = param;
     const l = (()=>{
         if (!e) return null;
         const y = {
             regular: !0,
             color: s.colors.textPrimary,
-            as: r,
+            as: d,
             dataAttributes: {
                 testid: "pretitle"
             }
@@ -111,26 +111,25 @@ const Z = (param)=>{
         return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({}, y, H), {
             children: B
         }));
-    })(), p = d ? c ? /* @__PURE__ */ t(O, {
+    })(), p = o ? c ? /* @__PURE__ */ t(O, {
         as: a,
         dataAttributes: {
             testid: "title"
         },
-        children: d
+        children: o
     }) : /* @__PURE__ */ t(R, {
         as: a,
         dataAttributes: {
             testid: "title"
         },
-        children: d
-    }) : void 0, v = o ? // assuming that the headline will always be followed by one of: pretitle, title, description
-    /* @__PURE__ */ t("div", {
+        children: o
+    }) : void 0, v = r ? /* @__PURE__ */ t("div", {
         style: {
-            paddingBottom: 8,
+            paddingBottom: e || o || i ? 8 : 0,
             order: -1
         },
         "data-testid": "headline",
-        children: o
+        children: r
     }) : void 0;
     return /* @__PURE__ */ t(h, {
         space: {
@@ -140,12 +139,12 @@ const Z = (param)=>{
         dataAttributes: _object_spread({
             testid: "Header"
         }, b),
-        children: (d || e || i) && /* @__PURE__ */ t(u, {
+        children: (o || e || i) && /* @__PURE__ */ t(u, {
             paddingRight: 16,
             children: /* @__PURE__ */ n("div", {
                 className: L,
                 children: [
-                    F(a, r) ? /* @__PURE__ */ n(k, {
+                    F(a, d) ? /* @__PURE__ */ n(k, {
                         children: [
                             p && /* @__PURE__ */ t("div", {
                                 style: {
@@ -156,7 +155,7 @@ const Z = (param)=>{
                             v,
                             l && /* @__PURE__ */ t("div", {
                                 style: {
-                                    paddingBottom: e || i ? 8 : 0,
+                                    paddingBottom: o || i ? 8 : 0,
                                     order: -1
                                 },
                                 children: l
@@ -166,7 +165,7 @@ const Z = (param)=>{
                         children: [
                             l && /* @__PURE__ */ t("div", {
                                 style: {
-                                    paddingBottom: d || i ? 8 : 0
+                                    paddingBottom: o || i ? 8 : 0
                                 },
                                 children: l
                             }),
@@ -204,7 +203,7 @@ const Z = (param)=>{
         })
     });
 }, _ = (param)=>{
-    let { title: o, titleAs: e = "h1", description: r, button: d, dataAttributes: a } = param;
+    let { title: r, titleAs: e = "h1", description: d, button: o, dataAttributes: a } = param;
     return /* @__PURE__ */ n(h, {
         space: 32,
         dataAttributes: _object_spread({
@@ -217,44 +216,44 @@ const Z = (param)=>{
                     desktop: 16
                 },
                 children: [
-                    o && /* @__PURE__ */ t(C, {
+                    r && /* @__PURE__ */ t(C, {
                         as: e,
                         dataAttributes: {
                             testid: "title"
                         },
-                        children: o
+                        children: r
                     }),
-                    r && /* @__PURE__ */ t(S, {
+                    d && /* @__PURE__ */ t(S, {
                         dataAttributes: {
                             testid: "description"
                         },
-                        children: r
+                        children: d
                     })
                 ]
             }),
-            d
+            o
         ]
     });
 }, $ = (param)=>{
-    let { isInverse: o = !1, breadcrumbs: e, header: r, extra: d, sideBySideExtraOnDesktop: a = !1, dataAttributes: i, bleed: b = !1, noPaddingY: c = !1 } = param;
-    const m = b && o && d, l = /* @__PURE__ */ n("div", {
+    let { isInverse: r = !1, breadcrumbs: e, header: d, extra: o, sideBySideExtraOnDesktop: a = !1, dataAttributes: i, bleed: b = !1, noPaddingY: c = !1 } = param;
+    const m = b && r && o, l = /* @__PURE__ */ n("div", {
         children: [
             e && /* @__PURE__ */ t("div", {
                 className: P,
                 children: e
             }),
-            r
+            d
         ]
     });
-    return x(o ? {
+    return x(r ? {
         topColor: s.colors.backgroundBrandTop
     } : {}), /* @__PURE__ */ n("div", _object_spread_props(_object_spread({}, j(i, "HeaderLayout")), {
         children: [
             /* @__PURE__ */ t(f, {
-                variant: o ? "inverse" : void 0,
+                variant: r ? "inverse" : void 0,
                 children: /* @__PURE__ */ t(u, {
                     paddingTop: c ? 0 : {
-                        mobile: r ? 32 : 0,
+                        mobile: d ? 32 : 0,
                         desktop: e ? 16 : 48
                     },
                     paddingBottom: {
@@ -268,20 +267,20 @@ const Z = (param)=>{
                             className: m ? M : "",
                             children: /* @__PURE__ */ t(u, {
                                 paddingTop: {
-                                    mobile: r ? 24 : 0,
+                                    mobile: d ? 24 : 0,
                                     desktop: 0
                                 },
-                                children: d
+                                children: o
                             })
                         })
                     }) : /* @__PURE__ */ n(h, {
-                        space: r ? {
+                        space: d ? {
                             mobile: 24,
                             desktop: 32
                         } : 0,
                         children: [
                             l,
-                            !m && d
+                            !m && o
                         ]
                     })
                 })
@@ -289,20 +288,20 @@ const Z = (param)=>{
             m && /* @__PURE__ */ t(f, {
                 className: a ? N : "",
                 backgroundColor: `linear-gradient(to bottom, ${s.colors.backgroundBrandBottom} 40px, ${s.colors.background} 0%)`,
-                children: d
+                children: o
             })
         ]
     }));
 }, E = (param)=>{
-    let { isInverse: o = !1, children: e, dataAttributes: r } = param;
-    return x(o ? {
+    let { isInverse: r = !1, children: e, dataAttributes: d } = param;
+    return x(r ? {
         topColor: s.colors.backgroundBrandTop
     } : {}), /* @__PURE__ */ t(f, {
-        variant: o ? "inverse" : void 0,
+        variant: r ? "inverse" : void 0,
         dataAttributes: _object_spread({
             "component-name": "MainSectionHeaderLayout",
             testid: "MainSectionHeaderLayout"
-        }, r),
+        }, d),
         children: /* @__PURE__ */ t(T, {
             template: "6+6",
             left: /* @__PURE__ */ t(u, {

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./hero.css.ts.vanilla.css-mistica.js";
-var v = "_16rbpto9 _1y2v1nfho _1y2v1nfia _1y2v1nfi4", o = "_16rbpto3 _1y2v1nfho", a = "_1y2v1nfi3 _1y2v1nfis", t = "_16rbpto5", _ = "_1y2v1nfhu", i = "_1y2v1nfis _1y2v1nfho _1y2v1nfi0 _1y2v1nfhu", e = "_16rbptob", f = "_1y2v1nfho _1y2v1nfhu", y = "_1y2v1nfis", h = "_16rbptoa", p = {
-    height: "var(--_16rbpto0)"
+var n = "v16_7_16rbpto9 v16_7_1y2v1nfho v16_7_1y2v1nfia v16_7_1y2v1nfi4", r = "v16_7_16rbpto3 v16_7_1y2v1nfho", o = "v16_7_1y2v1nfi3 v16_7_1y2v1nfis", a = "v16_7_16rbpto5", t = "v16_7_1y2v1nfhu", i = "v16_7_1y2v1nfis v16_7_1y2v1nfho v16_7_1y2v1nfi0 v16_7_1y2v1nfhu", e = "v16_7_16rbptob", f = "v16_7_1y2v1nfho v16_7_1y2v1nfhu", y = "v16_7_1y2v1nfis", h = "v16_7_16rbptoa", p = {
+    height: "var(--v16_7_16rbpto0)"
 };
-export { v as actions, o as container, a as containerDesktop, t as containerMinHeight, _ as containerMobile, i as contentContainer, e as expandedContent, f as flexColumn, y as hero, h as layout, p as vars };
+export { n as actions, r as container, o as containerDesktop, a as containerMinHeight, t as containerMobile, i as contentContainer, e as expandedContent, f as flexColumn, y as hero, h as layout, p as vars };