@telefonica/mistica 16.59.0 → 16.61.0

package/dist-es/double-field.css-mistica.js

@@ -1,5 +1,5 @@
 /* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                        */ var i = {
-    default: "v16_59_skrulh1 v16_59_skrulh0 v16_59_1y2v1nfq4 v16_59_1y2v1nfq9 v16_59_1y2v1nfqr",
-    fullWidth: "v16_59_skrulh2 v16_59_skrulh0 v16_59_1y2v1nfq4 v16_59_1y2v1nfq9 v16_59_1y2v1nfqr"
+    default: "v16_61_skrulh1 v16_61_skrulh0 v16_61_1y2v1nfq4 v16_61_1y2v1nfq9 v16_61_1y2v1nfqr",
+    fullWidth: "v16_61_skrulh2 v16_61_skrulh0 v16_61_1y2v1nfq4 v16_61_1y2v1nfq9 v16_61_1y2v1nfqr"
 };
 export { i as variants };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                  */ var n = 350, w = "v16_59_c4ngww1 v16_59_c4ngww0 v16_59_1y2v1nfq0 v16_59_1y2v1nfq4 v16_59_1y2v1nf7y v16_59_1y2v1nfte v16_59_1y2v1nfu8 v16_59_1y2v1nfun v16_59_1y2v1nft8", a = "v16_59_c4ngww3 v16_59_c4ngww2 v16_59_1y2v1nfq4 v16_59_1y2v1nfqa v16_59_1y2v1nfqp", r = "v16_59_c4ngww5 v16_59_c4ngww4 v16_59_1y2v1nfqm v16_59_1y2v1nfqo", y = "v16_59_c4ngww7 v16_59_c4ngww6 v16_59_1y2v1nfqp v16_59_1y2v1nftd", t = "v16_59_c4ngww8", c = "v16_59_c4ngww9", f = "v16_59_c4ngwwb v16_59_c4ngwwa v16_59_1y2v1nfq0 v16_59_1y2v1nfte v16_59_1y2v1nftt v16_59_1y2v1nfu8 v16_59_1y2v1nfun v16_59_1y2v1nf8e", o = "v16_59_c4ngwwc", e = "v16_59_c4ngwwd", g = "v16_59_c4ngwwe v16_59_1y2v1nfpz v16_59_1y2v1nfth v16_59_1y2v1nfub", i = "v16_59_c4ngwwf", l = "v16_59_c4ngwwg", d = "v16_59_c4ngwwh";
+/* empty css                                     */ /* empty css                                  */ var n = 350, w = "v16_61_c4ngww1 v16_61_c4ngww0 v16_61_1y2v1nfq0 v16_61_1y2v1nfq4 v16_61_1y2v1nf7y v16_61_1y2v1nfte v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nft8", a = "v16_61_c4ngww3 v16_61_c4ngww2 v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqp", r = "v16_61_c4ngww5 v16_61_c4ngww4 v16_61_1y2v1nfqm v16_61_1y2v1nfqo", y = "v16_61_c4ngww7 v16_61_c4ngww6 v16_61_1y2v1nfqp v16_61_1y2v1nftd", t = "v16_61_c4ngww8", c = "v16_61_c4ngww9", f = "v16_61_c4ngwwb v16_61_c4ngwwa v16_61_1y2v1nfq0 v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nf8e", o = "v16_61_c4ngwwc", e = "v16_61_c4ngwwd", g = "v16_61_c4ngwwe v16_61_1y2v1nfpz v16_61_1y2v1nfth v16_61_1y2v1nfub", i = "v16_61_c4ngwwf", l = "v16_61_c4ngwwg", d = "v16_61_c4ngwwh";
 export { n as ANIMATION_DURATION_MS, l as bottomPadding, d as buttonsLayoutContainer, g as closeButtonContainer, c as closed, w as container, a as drawer, i as horizontalPadding, t as open, f as overlay, o as overlayClosed, e as overlayOpen, y as scrollableSection, r as titleContainer };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                            */ var v = "v16_59_1azor6p0", a = "v16_59_1azor6p2 v16_59_1azor6p1 v16_59_1y2v1nfq6 v16_59_1y2v1nfrl", o = "v16_59_1azor6p4 v16_59_1azor6p3 v16_59_1y2v1nfr3 v16_59_1y2v1nfrj";
+/* empty css                                     */ /* empty css                                            */ var v = "v16_61_1azor6p0", a = "v16_61_1azor6p2 v16_61_1azor6p1 v16_61_1y2v1nfq6 v16_61_1y2v1nfrl", o = "v16_61_1azor6p4 v16_61_1azor6p3 v16_61_1y2v1nfr3 v16_61_1y2v1nfrj";
 export { o as assetContainer, v as container, a as image };

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

@@ -1,7 +1,7 @@
 /* empty css                                     */ /* empty css                                       */ var _ = {
-    backgroundColor: "var(--v16_59_13fzrua0)"
-}, v = "v16_59_13fzrua2 v16_59_13fzrua1 v16_59_1y2v1nfq4 v16_59_1y2v1nffw", f = {
-    default: "v16_59_13fzrua3",
-    largeImage: "v16_59_13fzrua4"
-}, n = "v16_59_13fzrua5", e = "v16_59_13fzrua7 v16_59_13fzrua6 v16_59_1y2v1nfr8", u = "v16_59_13fzrua9 v16_59_13fzrua8 v16_59_1y2v1nfr5 v16_59_1y2v1nfrl", z = "v16_59_13fzruab v16_59_13fzruaa v16_59_1y2v1nfq6", o = "v16_59_13fzruac v16_59_1y2v1nfsl", t = "v16_59_13fzruad";
+    backgroundColor: "var(--v16_61_13fzrua0)"
+}, v = "v16_61_13fzrua2 v16_61_13fzrua1 v16_61_1y2v1nfq4 v16_61_1y2v1nffw", f = {
+    default: "v16_61_13fzrua3",
+    largeImage: "v16_61_13fzrua4"
+}, n = "v16_61_13fzrua5", e = "v16_61_13fzrua7 v16_61_13fzrua6 v16_61_1y2v1nfr8", u = "v16_61_13fzrua9 v16_61_13fzrua8 v16_61_1y2v1nfr5 v16_61_1y2v1nfrl", z = "v16_61_13fzruab v16_61_13fzruaa v16_61_1y2v1nfq6", o = "v16_61_13fzruac v16_61_1y2v1nfsl", t = "v16_61_13fzruad";
 export { u as assetContainer, o as border, t as borderOverBrand, v as container, f as contentVariants, e as largeImage, n as largeImageContainer, z as smallImage, _ as vars };

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

@@ -1,2 +1,2 @@
-/* empty css                                   */ var p = "v16_59_kq227n1";
+/* empty css                                   */ var p = "v16_61_kq227n1";
 export { p as wrapper };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                    */ var v = "v16_59_gx6h6a0", e = "v16_59_gx6h6a1", r = "v16_59_gx6h6a2", n = "v16_59_gx6h6a4 v16_59_gx6h6a3 v16_59_1y2v1nfq4 v16_59_1y2v1nfr8 v16_59_1y2v1nfqr v16_59_1y2v1nfqa", t = "v16_59_gx6h6a5", x = "v16_59_gx6h6a6", g = "v16_59_gx6h6a7 v16_59_1y2v1nfr3 v16_59_1y2v1nfrj", h = "v16_59_gx6h6ab v16_59_gx6h6aa", o = "v16_59_gx6h6ac v16_59_gx6h6aa", d = "v16_59_gx6h6ad v16_59_gx6h6aa", i = "v16_59_gx6h6ae", p = "v16_59_gx6h6af", f = "v16_59_gx6h6ag";
+/* empty css                                     */ /* empty css                                    */ var v = "v16_61_gx6h6a0", e = "v16_61_gx6h6a1", r = "v16_61_gx6h6a2", n = "v16_61_gx6h6a4 v16_61_gx6h6a3 v16_61_1y2v1nfq4 v16_61_1y2v1nfr8 v16_61_1y2v1nfqr v16_61_1y2v1nfqa", t = "v16_61_gx6h6a5", x = "v16_61_gx6h6a6", g = "v16_61_gx6h6a7 v16_61_1y2v1nfr3 v16_61_1y2v1nfrj", h = "v16_61_gx6h6ab v16_61_gx6h6aa", o = "v16_61_gx6h6ac v16_61_gx6h6aa", d = "v16_61_gx6h6ad v16_61_gx6h6aa", i = "v16_61_gx6h6ae", p = "v16_61_gx6h6af", f = "v16_61_gx6h6ag";
 export { g as assetContainer, p as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, i as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, d as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, f as successFeedbackContainer };

package/dist-es/file-upload.css-mistica.js

@@ -1,8 +1,8 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v16_59_1isvxjy0", y = "v16_59_1isvxjy9 v16_59_1isvxjy2 v16_59_1isvxjy1 v16_59_1y2v1nfj0 v16_59_1y2v1nfk9 v16_59_1y2v1nfgl v16_59_1y2v1nfhu v16_59_1y2v1nfsw", n = {
-    default: "v16_59_1isvxjya",
-    alternative: "v16_59_1isvxjyb",
-    brand: "v16_59_1isvxjyc",
-    negative: "v16_59_1isvxjyd",
-    media: "v16_59_1isvxjye"
-}, t = "v16_59_1isvxjyf", s = "v16_59_1isvxjyh", o = "v16_59_1isvxjyi", j = "v16_59_1isvxjyk v16_59_1isvxjyj v16_59_1y2v1nfq4 v16_59_1y2v1nfqd";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v16_61_1isvxjy0", y = "v16_61_1isvxjy9 v16_61_1isvxjy2 v16_61_1isvxjy1 v16_61_1y2v1nfj0 v16_61_1y2v1nfk9 v16_61_1y2v1nfgl v16_61_1y2v1nfhu v16_61_1y2v1nfsw", n = {
+    default: "v16_61_1isvxjya",
+    alternative: "v16_61_1isvxjyb",
+    brand: "v16_61_1isvxjyc",
+    negative: "v16_61_1isvxjyd",
+    media: "v16_61_1isvxjye"
+}, t = "v16_61_1isvxjyf", s = "v16_61_1isvxjyh", o = "v16_61_1isvxjyi", j = "v16_61_1isvxjyk v16_61_1isvxjyj v16_61_1y2v1nfq4 v16_61_1y2v1nfqd";
 export { s as assetScaleActive, j as centeredButton, a as disabled, t as dropZoneActive, o as dropZoneButton, y as dropZoneContainerBase, n as dropZoneVariant };

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

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                               */ var j = {
-    footerHeight: "var(--v16_59_p5j8j50)"
-}, r = "v16_59_p5j8j53 v16_59_p5j8j52 v16_59_1y2v1nfqr", t = "v16_59_p5j8j54", n = "v16_59_p5j8j55", a = "v16_59_p5j8j56 v16_59_1y2v1nfq3", f = "v16_59_p5j8j57", p = "v16_59_p5j8j59 v16_59_p5j8j58 v16_59_1y2v1nfte v16_59_1y2v1nftt v16_59_1y2v1nfu8 v16_59_1y2v1nfun v16_59_1y2v1nfq0", e = "v16_59_p5j8j5b v16_59_p5j8j5a v16_59_1y2v1nfte v16_59_1y2v1nftt v16_59_1y2v1nfu8 v16_59_1y2v1nfun v16_59_1y2v1nfq0", o = "v16_59_p5j8j5d v16_59_p5j8j5c v16_59_1y2v1nftt v16_59_1y2v1nfu8 v16_59_1y2v1nfpz";
+    footerHeight: "var(--v16_61_p5j8j50)"
+}, r = "v16_61_p5j8j53 v16_61_p5j8j52 v16_61_1y2v1nfqr", t = "v16_61_p5j8j54", n = "v16_61_p5j8j55", a = "v16_61_p5j8j56 v16_61_1y2v1nfq3", f = "v16_61_p5j8j57", p = "v16_61_p5j8j59 v16_61_p5j8j58 v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nfq0", e = "v16_61_p5j8j5b v16_61_p5j8j5a v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nfq0", o = "v16_61_p5j8j5d v16_61_p5j8j5c v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfpz";
 export { o as absoluteBackgroundLayer, f as container, n as elevated, e as fixedBackgroundLayer, t as fixedFooter, r as footer, p as portal, j as vars, a as withoutFooter };

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

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

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                */ var p = "v16_59_1dycpqb0 v16_59_1y2v1nfqr";
+/* empty css                                     */ /* empty css                                */ var p = "v16_61_1dycpqb0 v16_61_1y2v1nfqr";
 export { p as form };

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

@@ -1,5 +1,5 @@
-/* empty css                                       */ var a = "v16_59_379jdb0", _ = "v16_59_379jdb1", r = "v16_59_379jdb2", d = "v16_59_379jdb4", e = "v16_59_379jdb5", l = "v16_59_379jdb7", o = {
-    colSpan: "var(--v16_59_379jdb6)",
-    verticalSpace: "var(--v16_59_379jdb3)"
+/* empty css                                       */ var a = "v16_61_379jdb0", _ = "v16_61_379jdb1", r = "v16_61_379jdb2", d = "v16_61_379jdb4", e = "v16_61_379jdb5", l = "v16_61_379jdb7", o = {
+    colSpan: "var(--v16_61_379jdb6)",
+    verticalSpace: "var(--v16_61_379jdb3)"
 };
 export { e as collapsedInTablet, r as desktopLargeColumn, _ as desktopMediumColumn, a as desktopSmallColumn, d as grid, l as span, o as vars };

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

@@ -1,139 +1,139 @@
 /* empty css                                */ var _ = {
-    rowMinSize: "var(--v16_59_mfyikv0)",
-    rowMaxSize: "var(--v16_59_mfyikv1)",
-    columnMinSize: "var(--v16_59_mfyikv2)",
-    columnMaxSize: "var(--v16_59_mfyikv3)"
+    rowMinSize: "var(--v16_61_mfyikv0)",
+    rowMaxSize: "var(--v16_61_mfyikv1)",
+    columnMinSize: "var(--v16_61_mfyikv2)",
+    columnMaxSize: "var(--v16_61_mfyikv3)"
 }, i = {
     columnGap: {
-        desktop: "var(--v16_59_mfyikv4)",
-        tablet: "var(--v16_59_mfyikv5)",
-        mobile: "var(--v16_59_mfyikv6)"
+        desktop: "var(--v16_61_mfyikv4)",
+        tablet: "var(--v16_61_mfyikv5)",
+        mobile: "var(--v16_61_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v16_59_mfyikv7)",
-        tablet: "var(--v16_59_mfyikv8)",
-        mobile: "var(--v16_59_mfyikv9)"
+        desktop: "var(--v16_61_mfyikv7)",
+        tablet: "var(--v16_61_mfyikv8)",
+        mobile: "var(--v16_61_mfyikv9)"
     }
-}, m = "v16_59_mfyikva", f = "v16_59_mfyikvb", y = "v16_59_mfyikvc", k = "v16_59_mfyikvd", e = {
-    1: "v16_59_mfyikve",
-    2: "v16_59_mfyikvf",
-    3: "v16_59_mfyikvg",
-    4: "v16_59_mfyikvh",
-    5: "v16_59_mfyikvi",
-    6: "v16_59_mfyikvj",
-    7: "v16_59_mfyikvk",
-    8: "v16_59_mfyikvl",
-    9: "v16_59_mfyikvm",
-    10: "v16_59_mfyikvn",
-    11: "v16_59_mfyikvo",
-    12: "v16_59_mfyikvp"
+}, m = "v16_61_mfyikva", f = "v16_61_mfyikvb", y = "v16_61_mfyikvc", k = "v16_61_mfyikvd", e = {
+    1: "v16_61_mfyikve",
+    2: "v16_61_mfyikvf",
+    3: "v16_61_mfyikvg",
+    4: "v16_61_mfyikvh",
+    5: "v16_61_mfyikvi",
+    6: "v16_61_mfyikvj",
+    7: "v16_61_mfyikvk",
+    8: "v16_61_mfyikvl",
+    9: "v16_61_mfyikvm",
+    10: "v16_61_mfyikvn",
+    11: "v16_61_mfyikvo",
+    12: "v16_61_mfyikvp"
 }, r = {
-    1: "v16_59_mfyikvq",
-    2: "v16_59_mfyikvr",
-    3: "v16_59_mfyikvs",
-    4: "v16_59_mfyikvt",
-    5: "v16_59_mfyikvu",
-    6: "v16_59_mfyikvv",
-    7: "v16_59_mfyikvw",
-    8: "v16_59_mfyikvx",
-    9: "v16_59_mfyikvy",
-    10: "v16_59_mfyikvz",
-    11: "v16_59_mfyikv10",
-    12: "v16_59_mfyikv11"
+    1: "v16_61_mfyikvq",
+    2: "v16_61_mfyikvr",
+    3: "v16_61_mfyikvs",
+    4: "v16_61_mfyikvt",
+    5: "v16_61_mfyikvu",
+    6: "v16_61_mfyikvv",
+    7: "v16_61_mfyikvw",
+    8: "v16_61_mfyikvx",
+    9: "v16_61_mfyikvy",
+    10: "v16_61_mfyikvz",
+    11: "v16_61_mfyikv10",
+    12: "v16_61_mfyikv11"
 }, a = {
-    column: "v16_59_mfyikv12",
-    row: "v16_59_mfyikv13",
-    "row dense": "v16_59_mfyikv14",
-    "column dense": "v16_59_mfyikv15"
+    column: "v16_61_mfyikv12",
+    row: "v16_61_mfyikv13",
+    "row dense": "v16_61_mfyikv14",
+    "column dense": "v16_61_mfyikv15"
 }, t = {
-    start: "v16_59_mfyikv16",
-    end: "v16_59_mfyikv17",
-    center: "v16_59_mfyikv18",
-    stretch: "v16_59_mfyikv19"
+    start: "v16_61_mfyikv16",
+    end: "v16_61_mfyikv17",
+    center: "v16_61_mfyikv18",
+    stretch: "v16_61_mfyikv19"
 }, n = {
-    start: "v16_59_mfyikv1a",
-    end: "v16_59_mfyikv1b",
-    center: "v16_59_mfyikv1c",
-    stretch: "v16_59_mfyikv1d",
-    baseline: "v16_59_mfyikv1e"
+    start: "v16_61_mfyikv1a",
+    end: "v16_61_mfyikv1b",
+    center: "v16_61_mfyikv1c",
+    stretch: "v16_61_mfyikv1d",
+    baseline: "v16_61_mfyikv1e"
 }, s = {
-    start: "v16_59_mfyikv1f",
-    end: "v16_59_mfyikv1g",
-    center: "v16_59_mfyikv1h",
-    stretch: "v16_59_mfyikv1i",
-    "space-between": "v16_59_mfyikv1j",
-    "space-around": "v16_59_mfyikv1k",
-    "space-evenly": "v16_59_mfyikv1l"
+    start: "v16_61_mfyikv1f",
+    end: "v16_61_mfyikv1g",
+    center: "v16_61_mfyikv1h",
+    stretch: "v16_61_mfyikv1i",
+    "space-between": "v16_61_mfyikv1j",
+    "space-around": "v16_61_mfyikv1k",
+    "space-evenly": "v16_61_mfyikv1l"
 }, o = {
-    start: "v16_59_mfyikv1m",
-    end: "v16_59_mfyikv1n",
-    center: "v16_59_mfyikv1o",
-    stretch: "v16_59_mfyikv1p",
-    "space-between": "v16_59_mfyikv1q",
-    "space-around": "v16_59_mfyikv1r",
-    "space-evenly": "v16_59_mfyikv1s"
-}, l = "v16_59_mfyikv1t", c = "v16_59_mfyikv1u", d = {
-    1: "v16_59_mfyikv1v",
-    2: "v16_59_mfyikv1w",
-    3: "v16_59_mfyikv1x",
-    4: "v16_59_mfyikv1y",
-    5: "v16_59_mfyikv1z",
-    6: "v16_59_mfyikv20",
-    7: "v16_59_mfyikv21",
-    8: "v16_59_mfyikv22",
-    9: "v16_59_mfyikv23",
-    10: "v16_59_mfyikv24",
-    11: "v16_59_mfyikv25",
-    12: "v16_59_mfyikv26"
+    start: "v16_61_mfyikv1m",
+    end: "v16_61_mfyikv1n",
+    center: "v16_61_mfyikv1o",
+    stretch: "v16_61_mfyikv1p",
+    "space-between": "v16_61_mfyikv1q",
+    "space-around": "v16_61_mfyikv1r",
+    "space-evenly": "v16_61_mfyikv1s"
+}, l = "v16_61_mfyikv1t", c = "v16_61_mfyikv1u", d = {
+    1: "v16_61_mfyikv1v",
+    2: "v16_61_mfyikv1w",
+    3: "v16_61_mfyikv1x",
+    4: "v16_61_mfyikv1y",
+    5: "v16_61_mfyikv1z",
+    6: "v16_61_mfyikv20",
+    7: "v16_61_mfyikv21",
+    8: "v16_61_mfyikv22",
+    9: "v16_61_mfyikv23",
+    10: "v16_61_mfyikv24",
+    11: "v16_61_mfyikv25",
+    12: "v16_61_mfyikv26"
 }, p = {
-    1: "v16_59_mfyikv27",
-    2: "v16_59_mfyikv28",
-    3: "v16_59_mfyikv29",
-    4: "v16_59_mfyikv2a",
-    5: "v16_59_mfyikv2b",
-    6: "v16_59_mfyikv2c",
-    7: "v16_59_mfyikv2d",
-    8: "v16_59_mfyikv2e",
-    9: "v16_59_mfyikv2f",
-    10: "v16_59_mfyikv2g",
-    11: "v16_59_mfyikv2h",
-    12: "v16_59_mfyikv2i"
+    1: "v16_61_mfyikv27",
+    2: "v16_61_mfyikv28",
+    3: "v16_61_mfyikv29",
+    4: "v16_61_mfyikv2a",
+    5: "v16_61_mfyikv2b",
+    6: "v16_61_mfyikv2c",
+    7: "v16_61_mfyikv2d",
+    8: "v16_61_mfyikv2e",
+    9: "v16_61_mfyikv2f",
+    10: "v16_61_mfyikv2g",
+    11: "v16_61_mfyikv2h",
+    12: "v16_61_mfyikv2i"
 }, u = {
-    1: "v16_59_mfyikv2j",
-    2: "v16_59_mfyikv2k",
-    3: "v16_59_mfyikv2l",
-    4: "v16_59_mfyikv2m",
-    5: "v16_59_mfyikv2n",
-    6: "v16_59_mfyikv2o",
-    7: "v16_59_mfyikv2p",
-    8: "v16_59_mfyikv2q",
-    9: "v16_59_mfyikv2r",
-    10: "v16_59_mfyikv2s",
-    11: "v16_59_mfyikv2t",
-    12: "v16_59_mfyikv2u"
+    1: "v16_61_mfyikv2j",
+    2: "v16_61_mfyikv2k",
+    3: "v16_61_mfyikv2l",
+    4: "v16_61_mfyikv2m",
+    5: "v16_61_mfyikv2n",
+    6: "v16_61_mfyikv2o",
+    7: "v16_61_mfyikv2p",
+    8: "v16_61_mfyikv2q",
+    9: "v16_61_mfyikv2r",
+    10: "v16_61_mfyikv2s",
+    11: "v16_61_mfyikv2t",
+    12: "v16_61_mfyikv2u"
 }, g = {
-    1: "v16_59_mfyikv2v",
-    2: "v16_59_mfyikv2w",
-    3: "v16_59_mfyikv2x",
-    4: "v16_59_mfyikv2y",
-    5: "v16_59_mfyikv2z",
-    6: "v16_59_mfyikv30",
-    7: "v16_59_mfyikv31",
-    8: "v16_59_mfyikv32",
-    9: "v16_59_mfyikv33",
-    10: "v16_59_mfyikv34",
-    11: "v16_59_mfyikv35",
-    12: "v16_59_mfyikv36"
+    1: "v16_61_mfyikv2v",
+    2: "v16_61_mfyikv2w",
+    3: "v16_61_mfyikv2x",
+    4: "v16_61_mfyikv2y",
+    5: "v16_61_mfyikv2z",
+    6: "v16_61_mfyikv30",
+    7: "v16_61_mfyikv31",
+    8: "v16_61_mfyikv32",
+    9: "v16_61_mfyikv33",
+    10: "v16_61_mfyikv34",
+    11: "v16_61_mfyikv35",
+    12: "v16_61_mfyikv36"
 }, w = {
-    start: "v16_59_mfyikv37",
-    end: "v16_59_mfyikv38",
-    center: "v16_59_mfyikv39",
-    stretch: "v16_59_mfyikv3a"
+    start: "v16_61_mfyikv37",
+    end: "v16_61_mfyikv38",
+    center: "v16_61_mfyikv39",
+    stretch: "v16_61_mfyikv3a"
 }, b = {
-    start: "v16_59_mfyikv3b",
-    end: "v16_59_mfyikv3c",
-    center: "v16_59_mfyikv3d",
-    stretch: "v16_59_mfyikv3e",
-    baseline: "v16_59_mfyikv3f"
+    start: "v16_61_mfyikv3b",
+    end: "v16_61_mfyikv3c",
+    center: "v16_61_mfyikv3d",
+    stretch: "v16_61_mfyikv3e",
+    baseline: "v16_61_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_59_mtk7e90", m = "v16_59_mtk7e92 v16_59_mtk7e90 v16_59_mtk7e91 v16_59_1y2v1nfhw", r = "v16_59_mtk7e93", t = "v16_59_mtk7e94 v16_59_1y2v1nfq4 v16_59_1y2v1nfqa";
+/* empty css                                     */ /* empty css                                  */ var e = "v16_61_mtk7e90", m = "v16_61_mtk7e92 v16_61_mtk7e90 v16_61_mtk7e91 v16_61_1y2v1nfhw", r = "v16_61_mtk7e93", t = "v16_61_mtk7e94 v16_61_1y2v1nfq4 v16_61_1y2v1nfqa";
 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_59_16rbpto0)"
-}, n = "v16_59_16rbpto1 v16_59_1y2v1nfr8", t = "v16_59_16rbpto3 v16_59_16rbpto2 v16_59_1y2v1nfq4", o = "v16_59_16rbpto4 v16_59_1y2v1nfr8 v16_59_1y2v1nfq4 v16_59_1y2v1nfqg v16_59_1y2v1nfqa", a = "v16_59_16rbpto5", p = "v16_59_16rbpto6 v16_59_1y2v1nfqa", e = "v16_59_16rbpto7 v16_59_1y2v1nfqj v16_59_1y2v1nfr8", b = "v16_59_16rbpto9 v16_59_16rbpto8 v16_59_1y2v1nfq4 v16_59_1y2v1nfqq v16_59_1y2v1nfqk", f = "v16_59_16rbptoa", y = "v16_59_16rbptob", i = "v16_59_16rbptoc v16_59_1y2v1nfq4 v16_59_1y2v1nfqa";
+    height: "var(--v16_61_16rbpto0)"
+}, n = "v16_61_16rbpto1 v16_61_1y2v1nfr8", t = "v16_61_16rbpto3 v16_61_16rbpto2 v16_61_1y2v1nfq4", o = "v16_61_16rbpto4 v16_61_1y2v1nfr8 v16_61_1y2v1nfq4 v16_61_1y2v1nfqg v16_61_1y2v1nfqa", a = "v16_61_16rbpto5", p = "v16_61_16rbpto6 v16_61_1y2v1nfqa", e = "v16_61_16rbpto7 v16_61_1y2v1nfqj v16_61_1y2v1nfr8", b = "v16_61_16rbpto9 v16_61_16rbpto8 v16_61_1y2v1nfq4 v16_61_1y2v1nfqq v16_61_1y2v1nfqk", f = "v16_61_16rbptoa", y = "v16_61_16rbptob", i = "v16_61_16rbptoc v16_61_1y2v1nfq4 v16_61_1y2v1nfqa";
 export { b as actions, t as container, e as containerDesktop, a as containerMinHeight, p as containerMobile, o as contentContainer, y as expandedContent, i 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 = "v16_59_1gl3gmv1 v16_59_1gl3gmv0 v16_59_1y2v1nfq4", o = "v16_59_1gl3gmv2";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v16_61_1gl3gmv1 v16_61_1gl3gmv0 v16_61_1y2v1nfq4", o = "v16_61_1gl3gmv2";
 export { o as noScrollbar, l as scroll };