@telefonica/mistica 16.18.0 → 16.18.2

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

@@ -1,3 +1,3 @@
 import "./fade-in.css.ts.vanilla.css-mistica.js";
-var p = "v16_18_kq227n1";
+var p = "v16_18_2_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 v = "v16_18_1y2v1nfjj v16_18_1y2v1nfjz", e = "v16_18_gx6h6af", r = "v16_18_gx6h6a4 v16_18_1y2v1nfik v16_18_1y2v1nfjo v16_18_1y2v1nfj7 v16_18_1y2v1nfiq", n = "v16_18_gx6h6a0", t = "v16_18_gx6h6a1", x = "v16_18_gx6h6a2", g = "v16_18_gx6h6ae", o = "v16_18_gx6h6ab v16_18_gx6h6aa", h = "v16_18_gx6h6ac v16_18_gx6h6aa", i = "v16_18_gx6h6ad v16_18_gx6h6aa", p = "v16_18_gx6h6a5", d = "v16_18_gx6h6a6";
+var v = "v16_18_2_1y2v1nfjj v16_18_2_1y2v1nfjz", e = "v16_18_2_gx6h6af", r = "v16_18_2_gx6h6a4 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfjo v16_18_2_1y2v1nfj7 v16_18_2_1y2v1nfiq", n = "v16_18_2_gx6h6a0", t = "v16_18_2_gx6h6a1", x = "v16_18_2_gx6h6a2", g = "v16_18_2_gx6h6ae", o = "v16_18_2_gx6h6ab v16_18_2_gx6h6aa", h = "v16_18_2_gx6h6ac v16_18_2_gx6h6aa", i = "v16_18_2_gx6h6ad v16_18_2_gx6h6aa", p = "v16_18_2_gx6h6a5", d = "v16_18_2_gx6h6a6";
 export { v as assetContainer, e as backgroundBrand, r as container, n as desktopContainer, t as desktopContent, x as desktopImage, g as feedbackData, o as feedbackTextAppearFast, h 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 r = "v16_18_p5j8j5d v16_18_1y2v1nfm6 v16_18_1y2v1nfml v16_18_1y2v1nfif", n = "v16_18_p5j8j57", a = "v16_18_p5j8j55", f = "v16_18_p5j8j5b v16_18_1y2v1nflr v16_18_1y2v1nfm6 v16_18_1y2v1nfml v16_18_1y2v1nfn0 v16_18_1y2v1nfig", j = "v16_18_p5j8j54", o = "v16_18_p5j8j53 v16_18_1y2v1nfj7", y = "v16_18_p5j8j59 v16_18_1y2v1nflr v16_18_1y2v1nfm6 v16_18_1y2v1nfml v16_18_1y2v1nfn0 v16_18_1y2v1nfig", e = {
-    footerHeight: "var(--v16_18_p5j8j50)",
-    backgroundColor: "var(--v16_18_p5j8j51)"
-}, t = "v16_18_1y2v1nfij";
+var r = "v16_18_2_p5j8j5d v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfml v16_18_2_1y2v1nfif", n = "v16_18_2_p5j8j57", a = "v16_18_2_p5j8j55", f = "v16_18_2_p5j8j5b v16_18_2_1y2v1nflr v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfml v16_18_2_1y2v1nfn0 v16_18_2_1y2v1nfig", j = "v16_18_2_p5j8j54", o = "v16_18_2_p5j8j53 v16_18_2_1y2v1nfj7", y = "v16_18_2_p5j8j59 v16_18_2_1y2v1nflr v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfml v16_18_2_1y2v1nfn0 v16_18_2_1y2v1nfig", e = {
+    footerHeight: "var(--v16_18_2_p5j8j50)",
+    backgroundColor: "var(--v16_18_2_p5j8j51)"
+}, t = "v16_18_2_1y2v1nfij";
 export { r as absoluteBackgroundLayer, n as container, a as elevated, f as fixedBackgroundLayer, j as fixedFooter, o as footer, y as portal, e as vars, t as withoutFooter };

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

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as p, Fragment as H, jsx as a } from "react/jsx-runtime";
-import * as v from "react";
+import { jsxs as f, Fragment as H, jsx as s } from "react/jsx-runtime";
+import * as g from "react";
 import z from "classnames";
 import { debounce as O } from "./utils/helpers.js";
 import { isRunningAcceptanceTest as P } from "./utils/platform.js";
@@ -8,7 +8,7 @@ import { useBoundingRect as _, useScreenSize as j, useTheme as M, useElementDime
 import { getScrollableParentElement as X, addPassiveEventListener as E, removePassiveEventListener as b, hasScroll as q, getScrollDistanceToBottom as J } from "./utils/dom.js";
 import { Portal as K } from "./portal.js";
 import { vars as T } from "./skins/skin-contract.css-mistica.js";
-import { container as Q, footer as U, withoutFooter as V, elevated as Y, fixedFooter as Z, portal as C, fixedBackgroundLayer as ee, absoluteBackgroundLayer as S, vars as te } from "./fixed-footer-layout.css-mistica.js";
+import { container as Q, footer as U, withoutFooter as Y, elevated as Z, fixedFooter as V, portal as C, fixedBackgroundLayer as ee, absoluteBackgroundLayer as S, vars as te } from "./fixed-footer-layout.css-mistica.js";
 import { applyCssVars as oe, safeAreaInsetBottom as re } from "./utils/css.js";
 import { useFixedToTopHeight as se } from "./fixed-to-top.js";
 import { useOverScrollColor as ae } from "./overscroll-color-context.js";
@@ -18,100 +18,106 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
         cancel: ()=>clearTimeout(l)
     };
 }, ce = 200, le = (param)=>{
-    let { isFooterVisible: e = !0, footer: l, footerHeight: F = "auto", footerBgColor: i = T.colors.background, containerBgColor: k = T.colors.background, children: L, onChangeFooterHeight: n } = param;
-    const [$, g] = v.useState(!1), d = v.useRef(null), { height: m } = _(d) || {
+    let { isFooterVisible: e = !0, footer: l, footerHeight: k = "auto", footerBgColor: i = T.colors.background, containerBgColor: F = T.colors.background, children: L, onChangeFooterHeight: n } = param;
+    const [$, h] = g.useState(!1), d = g.useRef(null), { height: m } = _(d) || {
         height: 0
-    }, { isTabletOrSmaller: u } = j(), { platformOverrides: h } = M(), { height: r, ref: w } = y({
+    }, { isTabletOrSmaller: u } = j(), { platformOverrides: v } = M(), { height: o, ref: w } = y({
         includeMargins: !0
-    }), { visualHeight: D } = W(), s = se(), t = D - s - r > ce, { topColor: I = i } = ae(), { height: x, ref: N } = y();
+    }), { visualHeight: D } = W(), a = se(), t = D - a - o > ce, { topColor: I = i } = ae(), { height: x, ref: N } = y();
     G(()=>{
-        n == null || n(r);
+        n == null || n(o);
     }, [
         n,
-        r
-    ]), v.useEffect(()=>{
-        if (!u || P(h) || !t) {
-            g(!1);
+        o
+    ]), g.useEffect(()=>{
+        if (!u || P(v) || !t) {
+            h(!1);
             return;
         }
-        const f = X(d.current), A = ()=>q(f) && J(f) > s + 1, o = O(()=>{
-            g(A());
+        const p = X(d.current), A = ()=>q(p) && J(p) > a + 1, r = O(()=>{
+            h(A());
         }, 50, {
             leading: !0,
             maxWait: 100
-        }), B = ne(o), c = ie(f);
-        return E(c, "resize", o), E(c, "scroll", o), ()=>{
-            o.cancel(), b(c, "scroll", o), b(c, "resize", o), B.cancel();
+        }), B = ne(r), c = ie(p);
+        return E(c, "resize", r), E(c, "scroll", r), ()=>{
+            r.cancel(), b(c, "scroll", r), b(c, "resize", r), B.cancel();
         };
     }, [
-        h,
+        v,
         u,
         t,
         // `topDistance` and `contentHeight` dependencies are needed to recalculate the elevation state
-        s,
+        a,
         m
     ]);
-    const R = ()=>/* @__PURE__ */ p(K, {
+    const R = ()=>/* @__PURE__ */ f(K, {
             className: C,
             children: [
-                /* @__PURE__ */ a("div", {
+                /* @__PURE__ */ s("div", {
                     className: ee,
                     style: {
                         background: `linear-gradient(180deg, ${I} 50%, ${i} 50% 100%)`
                     }
                 }),
-                /* @__PURE__ */ a("div", {
+                /* @__PURE__ */ s("div", {
                     ref: N,
                     className: S,
                     style: {
-                        background: k,
+                        background: F,
                         // this color could be a gradient
-                        top: s - 1,
+                        top: a - 1,
                         // -1 because the navigationbar could have a 1px transparent background
-                        bottom: t ? r : "unset",
+                        bottom: t ? o : "unset",
                         height: t ? "unset" : m
                     }
                 }),
-                /* @__PURE__ */ a("div", {
+                /* @__PURE__ */ s("div", {
                     className: S,
                     style: {
                         background: i,
-                        top: x + s - 1,
+                        top: x + a - 1,
                         height: `calc(${m}px - ${x}px)`
                     }
                 })
             ]
         });
-    return /* @__PURE__ */ p(H, {
+    return /* @__PURE__ */ f(H, {
         children: [
-            /* @__PURE__ */ p("div", {
+            /* @__PURE__ */ f("div", {
                 ref: d,
                 className: Q,
                 style: oe({
-                    [te.footerHeight]: t ? `${r}px` : "0px"
+                    [te.footerHeight]: t ? `${o}px` : "0px"
                 }),
                 children: [
                     R(),
                     L
                 ]
             }),
-            /* @__PURE__ */ a("div", {
+            e && t && /**
+    * This style is added to the `html` element to prevent the footer
+    * from covering the focus of elements when there is overflow.
+    */ /* @__PURE__ */ s("style", {
+                children: `html {scroll-padding-bottom: ${o}px}`
+            }),
+            /* @__PURE__ */ s("div", {
                 className: z(U, {
-                    [V]: !e,
-                    [Y]: $,
-                    [Z]: t
+                    [Y]: !e,
+                    [Z]: $,
+                    [V]: t
                 }),
                 style: {
                     background: u ? i : void 0
                 },
                 "data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
                 "data-position-fixed": "bottom",
-                children: e && /* @__PURE__ */ a("aside", {
+                children: e && /* @__PURE__ */ s("aside", {
                     ref: w,
                     "data-component-name": "FixedFooter",
                     "data-testid": "FixedFooter",
                     style: {
-                        height: F,
+                        height: k,
                         marginBottom: re
                     },
                     children: l

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var o = "v16_18_1y2v1nfj7";
+var o = "v16_18_2_1y2v1nfj7";
 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 a = "v16_18_379jdb5", _ = "v16_18_379jdb2", r = "v16_18_379jdb1", d = "v16_18_379jdb0", e = "v16_18_379jdb4", l = "v16_18_379jdb7", o = {
-    colSpan: "var(--v16_18_379jdb6)",
-    verticalSpace: "var(--v16_18_379jdb3)"
+var v = "v16_18_2_379jdb5", a = "v16_18_2_379jdb2", r = "v16_18_2_379jdb1", d = "v16_18_2_379jdb0", e = "v16_18_2_379jdb4", l = "v16_18_2_379jdb7", o = {
+    colSpan: "var(--v16_18_2_379jdb6)",
+    verticalSpace: "var(--v16_18_2_379jdb3)"
 };
-export { a as collapsedInTablet, _ as desktopLargeColumn, r as desktopMediumColumn, d as desktopSmallColumn, e as grid, l as span, o as vars };
+export { v as collapsedInTablet, a 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 _ = {
-    start: "v16_18_mfyikv3b",
-    end: "v16_18_mfyikv3c",
-    center: "v16_18_mfyikv3d",
-    stretch: "v16_18_mfyikv3e",
-    baseline: "v16_18_mfyikv3f"
+var v = {
+    start: "v16_18_2_mfyikv3b",
+    end: "v16_18_2_mfyikv3c",
+    center: "v16_18_2_mfyikv3d",
+    stretch: "v16_18_2_mfyikv3e",
+    baseline: "v16_18_2_mfyikv3f"
 }, i = {
-    1: "v16_18_mfyikv2j",
-    2: "v16_18_mfyikv2k",
-    3: "v16_18_mfyikv2l",
-    4: "v16_18_mfyikv2m",
-    5: "v16_18_mfyikv2n",
-    6: "v16_18_mfyikv2o",
-    7: "v16_18_mfyikv2p",
-    8: "v16_18_mfyikv2q",
-    9: "v16_18_mfyikv2r",
-    10: "v16_18_mfyikv2s",
-    11: "v16_18_mfyikv2t",
-    12: "v16_18_mfyikv2u"
-}, m = "v16_18_mfyikv1t", f = "v16_18_mfyikv1u", y = "v16_18_mfyikvb", k = {
+    1: "v16_18_2_mfyikv2j",
+    2: "v16_18_2_mfyikv2k",
+    3: "v16_18_2_mfyikv2l",
+    4: "v16_18_2_mfyikv2m",
+    5: "v16_18_2_mfyikv2n",
+    6: "v16_18_2_mfyikv2o",
+    7: "v16_18_2_mfyikv2p",
+    8: "v16_18_2_mfyikv2q",
+    9: "v16_18_2_mfyikv2r",
+    10: "v16_18_2_mfyikv2s",
+    11: "v16_18_2_mfyikv2t",
+    12: "v16_18_2_mfyikv2u"
+}, m = "v16_18_2_mfyikv1t", f = "v16_18_2_mfyikv1u", y = "v16_18_2_mfyikvb", k = {
     columnGap: {
-        desktop: "var(--v16_18_mfyikv4)",
-        tablet: "var(--v16_18_mfyikv5)",
-        mobile: "var(--v16_18_mfyikv6)"
+        desktop: "var(--v16_18_2_mfyikv4)",
+        tablet: "var(--v16_18_2_mfyikv5)",
+        mobile: "var(--v16_18_2_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v16_18_mfyikv7)",
-        tablet: "var(--v16_18_mfyikv8)",
-        mobile: "var(--v16_18_mfyikv9)"
+        desktop: "var(--v16_18_2_mfyikv7)",
+        tablet: "var(--v16_18_2_mfyikv8)",
+        mobile: "var(--v16_18_2_mfyikv9)"
     }
-}, e = "v16_18_mfyikva", r = {
-    start: "v16_18_mfyikv1m",
-    end: "v16_18_mfyikv1n",
-    center: "v16_18_mfyikv1o",
-    stretch: "v16_18_mfyikv1p",
-    "space-between": "v16_18_mfyikv1q",
-    "space-around": "v16_18_mfyikv1r",
-    "space-evenly": "v16_18_mfyikv1s"
+}, e = "v16_18_2_mfyikva", r = {
+    start: "v16_18_2_mfyikv1m",
+    end: "v16_18_2_mfyikv1n",
+    center: "v16_18_2_mfyikv1o",
+    stretch: "v16_18_2_mfyikv1p",
+    "space-between": "v16_18_2_mfyikv1q",
+    "space-around": "v16_18_2_mfyikv1r",
+    "space-evenly": "v16_18_2_mfyikv1s"
 }, a = {
-    start: "v16_18_mfyikv1a",
-    end: "v16_18_mfyikv1b",
-    center: "v16_18_mfyikv1c",
-    stretch: "v16_18_mfyikv1d",
-    baseline: "v16_18_mfyikv1e"
+    start: "v16_18_2_mfyikv1a",
+    end: "v16_18_2_mfyikv1b",
+    center: "v16_18_2_mfyikv1c",
+    stretch: "v16_18_2_mfyikv1d",
+    baseline: "v16_18_2_mfyikv1e"
 }, t = {
-    column: "v16_18_mfyikv12",
-    row: "v16_18_mfyikv13",
-    "row dense": "v16_18_mfyikv14",
-    "column dense": "v16_18_mfyikv15"
+    column: "v16_18_2_mfyikv12",
+    row: "v16_18_2_mfyikv13",
+    "row dense": "v16_18_2_mfyikv14",
+    "column dense": "v16_18_2_mfyikv15"
 }, n = {
-    start: "v16_18_mfyikv1f",
-    end: "v16_18_mfyikv1g",
-    center: "v16_18_mfyikv1h",
-    stretch: "v16_18_mfyikv1i",
-    "space-between": "v16_18_mfyikv1j",
-    "space-around": "v16_18_mfyikv1k",
-    "space-evenly": "v16_18_mfyikv1l"
+    start: "v16_18_2_mfyikv1f",
+    end: "v16_18_2_mfyikv1g",
+    center: "v16_18_2_mfyikv1h",
+    stretch: "v16_18_2_mfyikv1i",
+    "space-between": "v16_18_2_mfyikv1j",
+    "space-around": "v16_18_2_mfyikv1k",
+    "space-evenly": "v16_18_2_mfyikv1l"
 }, s = {
-    start: "v16_18_mfyikv16",
-    end: "v16_18_mfyikv17",
-    center: "v16_18_mfyikv18",
-    stretch: "v16_18_mfyikv19"
+    start: "v16_18_2_mfyikv16",
+    end: "v16_18_2_mfyikv17",
+    center: "v16_18_2_mfyikv18",
+    stretch: "v16_18_2_mfyikv19"
 }, o = {
-    1: "v16_18_mfyikve",
-    2: "v16_18_mfyikvf",
-    3: "v16_18_mfyikvg",
-    4: "v16_18_mfyikvh",
-    5: "v16_18_mfyikvi",
-    6: "v16_18_mfyikvj",
-    7: "v16_18_mfyikvk",
-    8: "v16_18_mfyikvl",
-    9: "v16_18_mfyikvm",
-    10: "v16_18_mfyikvn",
-    11: "v16_18_mfyikvo",
-    12: "v16_18_mfyikvp"
-}, l = "v16_18_mfyikvc", c = {
-    1: "v16_18_mfyikvq",
-    2: "v16_18_mfyikvr",
-    3: "v16_18_mfyikvs",
-    4: "v16_18_mfyikvt",
-    5: "v16_18_mfyikvu",
-    6: "v16_18_mfyikvv",
-    7: "v16_18_mfyikvw",
-    8: "v16_18_mfyikvx",
-    9: "v16_18_mfyikvy",
-    10: "v16_18_mfyikvz",
-    11: "v16_18_mfyikv10",
-    12: "v16_18_mfyikv11"
-}, d = "v16_18_mfyikvd", p = {
-    start: "v16_18_mfyikv37",
-    end: "v16_18_mfyikv38",
-    center: "v16_18_mfyikv39",
-    stretch: "v16_18_mfyikv3a"
+    1: "v16_18_2_mfyikve",
+    2: "v16_18_2_mfyikvf",
+    3: "v16_18_2_mfyikvg",
+    4: "v16_18_2_mfyikvh",
+    5: "v16_18_2_mfyikvi",
+    6: "v16_18_2_mfyikvj",
+    7: "v16_18_2_mfyikvk",
+    8: "v16_18_2_mfyikvl",
+    9: "v16_18_2_mfyikvm",
+    10: "v16_18_2_mfyikvn",
+    11: "v16_18_2_mfyikvo",
+    12: "v16_18_2_mfyikvp"
+}, l = "v16_18_2_mfyikvc", c = {
+    1: "v16_18_2_mfyikvq",
+    2: "v16_18_2_mfyikvr",
+    3: "v16_18_2_mfyikvs",
+    4: "v16_18_2_mfyikvt",
+    5: "v16_18_2_mfyikvu",
+    6: "v16_18_2_mfyikvv",
+    7: "v16_18_2_mfyikvw",
+    8: "v16_18_2_mfyikvx",
+    9: "v16_18_2_mfyikvy",
+    10: "v16_18_2_mfyikvz",
+    11: "v16_18_2_mfyikv10",
+    12: "v16_18_2_mfyikv11"
+}, d = "v16_18_2_mfyikvd", p = {
+    start: "v16_18_2_mfyikv37",
+    end: "v16_18_2_mfyikv38",
+    center: "v16_18_2_mfyikv39",
+    stretch: "v16_18_2_mfyikv3a"
 }, u = {
-    1: "v16_18_mfyikv2v",
-    2: "v16_18_mfyikv2w",
-    3: "v16_18_mfyikv2x",
-    4: "v16_18_mfyikv2y",
-    5: "v16_18_mfyikv2z",
-    6: "v16_18_mfyikv30",
-    7: "v16_18_mfyikv31",
-    8: "v16_18_mfyikv32",
-    9: "v16_18_mfyikv33",
-    10: "v16_18_mfyikv34",
-    11: "v16_18_mfyikv35",
-    12: "v16_18_mfyikv36"
+    1: "v16_18_2_mfyikv2v",
+    2: "v16_18_2_mfyikv2w",
+    3: "v16_18_2_mfyikv2x",
+    4: "v16_18_2_mfyikv2y",
+    5: "v16_18_2_mfyikv2z",
+    6: "v16_18_2_mfyikv30",
+    7: "v16_18_2_mfyikv31",
+    8: "v16_18_2_mfyikv32",
+    9: "v16_18_2_mfyikv33",
+    10: "v16_18_2_mfyikv34",
+    11: "v16_18_2_mfyikv35",
+    12: "v16_18_2_mfyikv36"
 }, g = {
-    1: "v16_18_mfyikv1v",
-    2: "v16_18_mfyikv1w",
-    3: "v16_18_mfyikv1x",
-    4: "v16_18_mfyikv1y",
-    5: "v16_18_mfyikv1z",
-    6: "v16_18_mfyikv20",
-    7: "v16_18_mfyikv21",
-    8: "v16_18_mfyikv22",
-    9: "v16_18_mfyikv23",
-    10: "v16_18_mfyikv24",
-    11: "v16_18_mfyikv25",
-    12: "v16_18_mfyikv26"
+    1: "v16_18_2_mfyikv1v",
+    2: "v16_18_2_mfyikv1w",
+    3: "v16_18_2_mfyikv1x",
+    4: "v16_18_2_mfyikv1y",
+    5: "v16_18_2_mfyikv1z",
+    6: "v16_18_2_mfyikv20",
+    7: "v16_18_2_mfyikv21",
+    8: "v16_18_2_mfyikv22",
+    9: "v16_18_2_mfyikv23",
+    10: "v16_18_2_mfyikv24",
+    11: "v16_18_2_mfyikv25",
+    12: "v16_18_2_mfyikv26"
 }, w = {
-    1: "v16_18_mfyikv27",
-    2: "v16_18_mfyikv28",
-    3: "v16_18_mfyikv29",
-    4: "v16_18_mfyikv2a",
-    5: "v16_18_mfyikv2b",
-    6: "v16_18_mfyikv2c",
-    7: "v16_18_mfyikv2d",
-    8: "v16_18_mfyikv2e",
-    9: "v16_18_mfyikv2f",
-    10: "v16_18_mfyikv2g",
-    11: "v16_18_mfyikv2h",
-    12: "v16_18_mfyikv2i"
+    1: "v16_18_2_mfyikv27",
+    2: "v16_18_2_mfyikv28",
+    3: "v16_18_2_mfyikv29",
+    4: "v16_18_2_mfyikv2a",
+    5: "v16_18_2_mfyikv2b",
+    6: "v16_18_2_mfyikv2c",
+    7: "v16_18_2_mfyikv2d",
+    8: "v16_18_2_mfyikv2e",
+    9: "v16_18_2_mfyikv2f",
+    10: "v16_18_2_mfyikv2g",
+    11: "v16_18_2_mfyikv2h",
+    12: "v16_18_2_mfyikv2i"
 }, b = {
-    rowMinSize: "var(--v16_18_mfyikv0)",
-    rowMaxSize: "var(--v16_18_mfyikv1)",
-    columnMinSize: "var(--v16_18_mfyikv2)",
-    columnMaxSize: "var(--v16_18_mfyikv3)"
+    rowMinSize: "var(--v16_18_2_mfyikv0)",
+    rowMaxSize: "var(--v16_18_2_mfyikv1)",
+    columnMinSize: "var(--v16_18_2_mfyikv2)",
+    columnMaxSize: "var(--v16_18_2_mfyikv3)"
 };
-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 };
+export { v 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 e = "v16_18_mtk7e90 v16_18_1y2v1nfac", r = "v16_18_1y2v1nfik v16_18_1y2v1nfiq", a = "v16_18_mtk7e93", m = "v16_18_mtk7e90";
+var e = "v16_18_2_mtk7e90 v16_18_2_1y2v1nfac", r = "v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiq", a = "v16_18_2_mtk7e93", m = "v16_18_2_mtk7e90";
 export { e as breadcrumbs, r as flexColumn, a as hideOnDesktop, m as hideOnTabletOrSmaller };

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 n = "v16_18_16rbpto9 v16_18_1y2v1nfik v16_18_1y2v1nfj6 v16_18_1y2v1nfj0", r = "v16_18_16rbpto3 v16_18_1y2v1nfik", o = "v16_18_1y2v1nfiz v16_18_1y2v1nfjo", t = "v16_18_16rbpto5", a = "v16_18_1y2v1nfiq", i = "v16_18_1y2v1nfjo v16_18_1y2v1nfik v16_18_1y2v1nfiw v16_18_1y2v1nfiq", e = "v16_18_16rbptob", f = "v16_18_1y2v1nfik v16_18_1y2v1nfiq", y = "v16_18_1y2v1nfjo", p = "v16_18_16rbptoa", b = {
-    height: "var(--v16_18_16rbpto0)"
+var n = "v16_18_2_16rbpto9 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfj6 v16_18_2_1y2v1nfj0", r = "v16_18_2_16rbpto3 v16_18_2_1y2v1nfik", o = "v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfjo", t = "v16_18_2_16rbpto5", a = "v16_18_2_1y2v1nfiq", i = "v16_18_2_1y2v1nfjo v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiw v16_18_2_1y2v1nfiq", e = "v16_18_2_16rbptob", f = "v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiq", y = "v16_18_2_1y2v1nfjo", p = "v16_18_2_16rbptoa", b = {
+    height: "var(--v16_18_2_16rbpto0)"
 };
 export { n as actions, r as container, o as containerDesktop, t as containerMinHeight, a as containerMobile, i as contentContainer, e as expandedContent, f as flexColumn, y as hero, p as layout, b 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 n = "v16_18_wrb8722 v16_18_1y2v1nfik v16_18_1y2v1nfip v16_18_1y2v1nfiw v16_18_1y2v1nfj2", y = "v16_18_wrb8725 v16_18_1y2v1nfik", f = {
-    withImage: "v16_18_wrb8728 v16_18_wrb8727 v16_18_1y2v1nfik v16_18_1y2v1nfiq v16_18_1y2v1nfiy v16_18_1y2v1nf8y v16_18_1y2v1nfa7 v16_18_1y2v1nfba",
-    withoutImage: "v16_18_wrb8729 v16_18_wrb8727 v16_18_1y2v1nfik v16_18_1y2v1nfiq v16_18_1y2v1nfiy v16_18_1y2v1nf8y v16_18_1y2v1nfa7 v16_18_1y2v1nfba"
-}, i = "v16_18_1y2v1nf8d v16_18_1y2v1nf9m v16_18_1y2v1nfav v16_18_1y2v1nfc4 v16_18_1y2v1nfik v16_18_1y2v1nfj2 v16_18_1y2v1nfl2 v16_18_1y2v1nfj7 v16_18_1y2v1nf8c";
+var n = "v16_18_2_wrb8722 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfip v16_18_2_1y2v1nfiw v16_18_2_1y2v1nfj2", y = "v16_18_2_wrb8725 v16_18_2_1y2v1nfik", f = {
+    withImage: "v16_18_2_wrb8728 v16_18_2_wrb8727 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiq v16_18_2_1y2v1nfiy v16_18_2_1y2v1nf8y v16_18_2_1y2v1nfa7 v16_18_2_1y2v1nfba",
+    withoutImage: "v16_18_2_wrb8729 v16_18_2_wrb8727 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiq v16_18_2_1y2v1nfiy v16_18_2_1y2v1nf8y v16_18_2_1y2v1nfa7 v16_18_2_1y2v1nfba"
+}, i = "v16_18_2_1y2v1nf8d v16_18_2_1y2v1nf9m v16_18_2_1y2v1nfav v16_18_2_1y2v1nfc4 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfj2 v16_18_2_1y2v1nfl2 v16_18_2_1y2v1nfj7 v16_18_2_1y2v1nf8c";
 export { n as container, y as imageContent, f as textContainerVariant, i 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 l = "v16_18_1gl3gmv2", _ = "v16_18_1gl3gmv1 v16_18_1y2v1nfik";
-export { l as noScrollbar, _ as scroll };
+var o = "v16_18_2_1gl3gmv2", l = "v16_18_2_1gl3gmv1 v16_18_2_1y2v1nfik";
+export { o as noScrollbar, l as scroll };

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

@@ -1,56 +1,56 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 var v = {
-    default: "v16_18_yqt1oe16",
-    small: "v16_18_yqt1oe17"
+    default: "v16_18_2_yqt1oe16",
+    small: "v16_18_2_yqt1oe17"
 }, t = {
-    default: "v16_18_yqt1oe18",
-    small: "v16_18_yqt1oe19"
+    default: "v16_18_2_yqt1oe18",
+    small: "v16_18_2_yqt1oe19"
 }, a = {
-    default: "v16_18_yqt1oe1a",
-    small: "v16_18_yqt1oe1b"
+    default: "v16_18_2_yqt1oe1a",
+    small: "v16_18_2_yqt1oe1b"
 }, n = {
-    default: "v16_18_yqt1oe12 v16_18_1y2v1nf8d v16_18_1y2v1nf9m v16_18_1y2v1nfav v16_18_1y2v1nfc4 v16_18_1y2v1nfl2 v16_18_1y2v1nf8c v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nfit",
-    small: "v16_18_yqt1oe13 v16_18_1y2v1nf8d v16_18_1y2v1nf9m v16_18_1y2v1nfav v16_18_1y2v1nfc4 v16_18_1y2v1nfl2 v16_18_1y2v1nf8c v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nfit"
-}, r = "v16_18_yqt1oey", o = "v16_18_yqt1oe1i v16_18_1y2v1nfie v16_18_1y2v1nfil", y = {
-    "brand-solid-default": "v16_18_yqt1oe4",
-    "brand-solid-inverse": "v16_18_yqt1oe5",
-    "brand-solid-alternative": "v16_18_yqt1oe6",
-    "brand-soft-default": "v16_18_yqt1oe7",
-    "brand-soft-inverse": "v16_18_yqt1oe8",
-    "brand-soft-alternative": "v16_18_yqt1oe9",
-    "brand-transparent-default": "v16_18_yqt1oea",
-    "brand-transparent-inverse": "v16_18_yqt1oeb",
-    "brand-transparent-alternative": "v16_18_yqt1oec",
-    "neutral-solid-default": "v16_18_yqt1oed",
-    "neutral-solid-inverse": "v16_18_yqt1oee",
-    "neutral-solid-alternative": "v16_18_yqt1oef",
-    "neutral-soft-default": "v16_18_yqt1oeg",
-    "neutral-soft-inverse": "v16_18_yqt1oeh",
-    "neutral-soft-alternative": "v16_18_yqt1oei",
-    "neutral-transparent-default": "v16_18_yqt1oej",
-    "neutral-transparent-inverse": "v16_18_yqt1oek",
-    "neutral-transparent-alternative": "v16_18_yqt1oel",
-    "danger-solid-default": "v16_18_yqt1oem",
-    "danger-solid-inverse": "v16_18_yqt1oen",
-    "danger-solid-alternative": "v16_18_yqt1oeo",
-    "danger-soft-default": "v16_18_yqt1oep",
-    "danger-soft-inverse": "v16_18_yqt1oeq",
-    "danger-soft-alternative": "v16_18_yqt1oer",
-    "danger-transparent-default": "v16_18_yqt1oes",
-    "danger-transparent-inverse": "v16_18_yqt1oet",
-    "danger-transparent-alternative": "v16_18_yqt1oeu",
-    "brand-media": "v16_18_yqt1oev",
-    "neutral-media": "v16_18_yqt1oew",
-    "danger-media": "v16_18_yqt1oex"
+    default: "v16_18_2_yqt1oe12 v16_18_2_1y2v1nf8d v16_18_2_1y2v1nf9m v16_18_2_1y2v1nfav v16_18_2_1y2v1nfc4 v16_18_2_1y2v1nfl2 v16_18_2_1y2v1nf8c v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfit",
+    small: "v16_18_2_yqt1oe13 v16_18_2_1y2v1nf8d v16_18_2_1y2v1nf9m v16_18_2_1y2v1nfav v16_18_2_1y2v1nfc4 v16_18_2_1y2v1nfl2 v16_18_2_1y2v1nf8c v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfit"
+}, r = "v16_18_2_yqt1oey", o = "v16_18_2_yqt1oe1i v16_18_2_1y2v1nfie v16_18_2_1y2v1nfil", y = {
+    "brand-solid-default": "v16_18_2_yqt1oe4",
+    "brand-solid-inverse": "v16_18_2_yqt1oe5",
+    "brand-solid-alternative": "v16_18_2_yqt1oe6",
+    "brand-soft-default": "v16_18_2_yqt1oe7",
+    "brand-soft-inverse": "v16_18_2_yqt1oe8",
+    "brand-soft-alternative": "v16_18_2_yqt1oe9",
+    "brand-transparent-default": "v16_18_2_yqt1oea",
+    "brand-transparent-inverse": "v16_18_2_yqt1oeb",
+    "brand-transparent-alternative": "v16_18_2_yqt1oec",
+    "neutral-solid-default": "v16_18_2_yqt1oed",
+    "neutral-solid-inverse": "v16_18_2_yqt1oee",
+    "neutral-solid-alternative": "v16_18_2_yqt1oef",
+    "neutral-soft-default": "v16_18_2_yqt1oeg",
+    "neutral-soft-inverse": "v16_18_2_yqt1oeh",
+    "neutral-soft-alternative": "v16_18_2_yqt1oei",
+    "neutral-transparent-default": "v16_18_2_yqt1oej",
+    "neutral-transparent-inverse": "v16_18_2_yqt1oek",
+    "neutral-transparent-alternative": "v16_18_2_yqt1oel",
+    "danger-solid-default": "v16_18_2_yqt1oem",
+    "danger-solid-inverse": "v16_18_2_yqt1oen",
+    "danger-solid-alternative": "v16_18_2_yqt1oeo",
+    "danger-soft-default": "v16_18_2_yqt1oep",
+    "danger-soft-inverse": "v16_18_2_yqt1oeq",
+    "danger-soft-alternative": "v16_18_2_yqt1oer",
+    "danger-transparent-default": "v16_18_2_yqt1oes",
+    "danger-transparent-inverse": "v16_18_2_yqt1oet",
+    "danger-transparent-alternative": "v16_18_2_yqt1oeu",
+    "brand-media": "v16_18_2_yqt1oev",
+    "neutral-media": "v16_18_2_yqt1oew",
+    "danger-media": "v16_18_2_yqt1oex"
 }, l = {
-    default: "v16_18_yqt1oe1e v16_18_yqt1oe1d v16_18_1y2v1nfl3 v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nfit v16_18_1y2v1nfll v16_18_1y2v1nfie",
-    small: "v16_18_yqt1oe1f v16_18_yqt1oe1d v16_18_1y2v1nfl3 v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nfit v16_18_1y2v1nfll v16_18_1y2v1nfie"
+    default: "v16_18_2_yqt1oe1e v16_18_2_yqt1oe1d v16_18_2_1y2v1nfl3 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfit v16_18_2_1y2v1nfll v16_18_2_1y2v1nfie",
+    small: "v16_18_2_yqt1oe1f v16_18_2_yqt1oe1d v16_18_2_1y2v1nfl3 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfit v16_18_2_1y2v1nfll v16_18_2_1y2v1nfie"
 }, i = {
     default: "calc(1.5rem + 24px)",
     small: "calc(1.25rem + 12px)"
 }, f = {
     default: "1.5rem",
     small: "1.25rem"
-}, d = "v16_18_yqt1oez", q = "v16_18_yqt1oe15", s = "v16_18_yqt1oe1g", u = "v16_18_yqt1oe10", m = "v16_18_yqt1oe1k v16_18_1y2v1nfif";
+}, d = "v16_18_2_yqt1oez", q = "v16_18_2_yqt1oe15", s = "v16_18_2_yqt1oe1g", u = "v16_18_2_yqt1oe10", m = "v16_18_2_yqt1oe1k v16_18_2_1y2v1nfif";
 export { v as bleedLeft, t as bleedRight, a as bleedY, n as buttonContainer, r as disabled, o as icon, y as iconButtonTokens, l as iconContainer, i as iconContainerSize, f as iconSize, d as isLoading, q as minimumInteractiveArea, s as overlay, u as overlayContainer, m as spinner };