@telefonica/mistica 17.8.0 → 17.9.0

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                            */ var r = "v17_8_1azor6p0", a = "v17_8_1azor6p2 v17_8_1azor6p1 v17_8_1y2v1nfrg v17_8_1y2v1nfsv", o = "v17_8_1azor6p4 v17_8_1azor6p3 v17_8_1y2v1nfsd v17_8_1y2v1nfst";
+/* empty css                                     */ /* empty css                                            */ var r = "v17_9_1azor6p0", a = "v17_9_1azor6p2 v17_9_1azor6p1 v17_9_1y2v1nfrg v17_9_1y2v1nfsv", o = "v17_9_1azor6p4 v17_9_1azor6p3 v17_9_1y2v1nfsd v17_9_1y2v1nfst";
 export { o as assetContainer, r as container, a as image };

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

@@ -1,7 +1,7 @@
 /* empty css                                     */ /* empty css                                       */ var v = {
-    backgroundColor: "var(--v17_8_13fzrua0)"
-}, _ = "v17_8_13fzrua2 v17_8_13fzrua1 v17_8_1y2v1nfre v17_8_1y2v1nfh6", f = {
-    default: "v17_8_13fzrua3",
-    largeImage: "v17_8_13fzrua4"
-}, e = "v17_8_13fzrua5", n = "v17_8_13fzrua7 v17_8_13fzrua6 v17_8_1y2v1nfsi", u = "v17_8_13fzrua9 v17_8_13fzrua8 v17_8_1y2v1nfsf v17_8_1y2v1nfsv", z = "v17_8_13fzruab v17_8_13fzruaa v17_8_1y2v1nfrg", o = "v17_8_13fzruac v17_8_1y2v1nftv", t = "v17_8_13fzruad";
+    backgroundColor: "var(--v17_9_13fzrua0)"
+}, _ = "v17_9_13fzrua2 v17_9_13fzrua1 v17_9_1y2v1nfre v17_9_1y2v1nfh6", f = {
+    default: "v17_9_13fzrua3",
+    largeImage: "v17_9_13fzrua4"
+}, e = "v17_9_13fzrua5", n = "v17_9_13fzrua7 v17_9_13fzrua6 v17_9_1y2v1nfsi", u = "v17_9_13fzrua9 v17_9_13fzrua8 v17_9_1y2v1nfsf v17_9_1y2v1nfsv", z = "v17_9_13fzruab v17_9_13fzruaa v17_9_1y2v1nfrg", o = "v17_9_13fzruac v17_9_1y2v1nftv", t = "v17_9_13fzruad";
 export { u as assetContainer, o as border, t as borderOverBrand, _ as container, f as contentVariants, n as largeImage, e as largeImageContainer, z as smallImage, v as vars };

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

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

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

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

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                    */ var v = "v17_8_gx6h6a0", e = "v17_8_gx6h6a1", r = "v17_8_gx6h6a2", n = "v17_8_gx6h6a4 v17_8_gx6h6a3 v17_8_1y2v1nfre v17_8_1y2v1nfsi v17_8_1y2v1nfs1 v17_8_1y2v1nfrk", t = "v17_8_gx6h6a5", x = "v17_8_gx6h6a6", g = "v17_8_gx6h6a7 v17_8_1y2v1nfsd v17_8_1y2v1nfst", h = "v17_8_gx6h6ab v17_8_gx6h6aa", o = "v17_8_gx6h6ac v17_8_gx6h6aa", s = "v17_8_gx6h6ad v17_8_gx6h6aa", d = "v17_8_gx6h6ae", i = "v17_8_gx6h6af", p = "v17_8_gx6h6ag";
+/* empty css                                     */ /* empty css                                    */ var v = "v17_9_gx6h6a0", e = "v17_9_gx6h6a1", r = "v17_9_gx6h6a2", n = "v17_9_gx6h6a4 v17_9_gx6h6a3 v17_9_1y2v1nfre v17_9_1y2v1nfsi v17_9_1y2v1nfs1 v17_9_1y2v1nfrk", t = "v17_9_gx6h6a5", x = "v17_9_gx6h6a6", g = "v17_9_gx6h6a7 v17_9_1y2v1nfsd v17_9_1y2v1nfst", h = "v17_9_gx6h6ab v17_9_gx6h6aa", o = "v17_9_gx6h6ac v17_9_gx6h6aa", s = "v17_9_gx6h6ad v17_9_gx6h6aa", d = "v17_9_gx6h6ae", i = "v17_9_gx6h6af", p = "v17_9_gx6h6ag";
 export { g as assetContainer, i as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, d as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, s as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, p as successFeedbackContainer };

package/dist-es/feedback.js

@@ -78,121 +78,125 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import * as H from "react";
-import { useTheme as g, useScreenSize as A } from "./hooks.js";
-import K from "./button-fixed-footer-layout.js";
-import { VIVO_SKIN as C, VIVO_EVOLUTION_SKIN as O } from "./skins/constants.js";
-import { useSetOverscrollColor as M } from "./overscroll-color-context.js";
-import y from "./icons/icon-success.js";
+import { useTheme as g, useScreenSize as V } from "./hooks.js";
+import M from "./button-fixed-footer-layout.js";
+import { useSetOverscrollColor as $ } from "./overscroll-color-context.js";
+import G from "./icons/icon-success.js";
 import U from "./icons/icon-error.js";
-import $ from "./icons/icon-info.js";
-import { isWebViewBridgeAvailable as G, requestVibration as X } from "@tef-novum/webview-bridge";
-import { isRunningAcceptanceTest as J } from "./utils/platform.js";
-import { Text2 as P, Text6 as Q, Text3 as Y } from "./text.js";
-import z from "./box.js";
-import { InternalBoxed as Z } from "./boxed.js";
-import x, { ResetResponsiveLayout as ee } from "./responsive-layout.js";
-import u from "./stack.js";
-import m from "classnames";
-import re from "./button-group.js";
+import X from "./icons/icon-info.js";
+import { isWebViewBridgeAvailable as _, requestVibration as J } from "@tef-novum/webview-bridge";
+import { isRunningAcceptanceTest as K } from "./utils/platform.js";
+import { Text2 as Q, Text as T, getTextSizesWithWeight as A } from "./text.js";
+import y from "./box.js";
+import { InternalBoxed as Y } from "./boxed.js";
+import C, { ResetResponsiveLayout as Z } from "./responsive-layout.js";
+import p from "./stack.js";
+import b from "classnames";
+import ee from "./button-group.js";
 import { vars as i } from "./skins/skin-contract.css-mistica.js";
-import { container as te, innerContainer as oe, innerContainerWithButtons as se, assetContainer as ae, feedbackTextAppearFast as ce, feedbackTextAppearMedium as T, feedbackTextAppearSlow as ie, feedbackData as ne, desktopContainer as de, desktopContent as le, desktopImage as me, backgroundBrand as ue, successFeedbackContainer as be } from "./feedback.css-mistica.js";
-import R from "./icons/icon-success-vivo-new.js";
-const D = (r)=>!J(r), E = (param)=>{
-    let { primaryButton: r, secondaryButton: t } = param;
-    return !!r || !!t;
-}, V = (r)=>{
-    G() && X(r).catch(()=>{});
-}, L = (r)=>{
+import { container as te, innerContainer as re, innerContainerWithButtons as se, assetContainer as oe, feedbackTextAppearFast as ae, feedbackTextAppearMedium as I, feedbackTextAppearSlow as ce, feedbackData as ie, desktopContainer as ne, desktopContent as de, desktopImage as le, backgroundBrand as me, successFeedbackContainer as ue } from "./feedback.css-mistica.js";
+import { useThemeVariant as be, ThemeVariant as pe } from "./theme-variant-context.js";
+const z = (t)=>!K(t), O = (param)=>{
+    let { primaryButton: t, secondaryButton: r } = param;
+    return !!t || !!r;
+}, R = /* @__PURE__ */ e(G, {
+    size: "100%"
+}), N = (t)=>{
+    _() && J(t).catch(()=>{});
+}, D = (t)=>{
     H.useEffect(()=>{
-        let t;
-        return r === "success" && (t = setTimeout(()=>V("success"), 700)), r === "error" && (t = setTimeout(()=>V("error"), 1e3)), ()=>{
-            clearTimeout(t);
+        let r;
+        return t === "success" && (r = setTimeout(()=>N("success"), 700)), t === "error" && (r = setTimeout(()=>N("error"), 1e3)), ()=>{
+            clearTimeout(r);
         };
     }, [
-        r
+        t
     ]);
-}, _ = (param, a)=>{
-    let { asset: r, title: t, description: o, slot: s } = param;
-    const c = o && Array.isArray(o) ? /* @__PURE__ */ e(u, {
+}, W = (param, a, param1)=>{
+    let { asset: t, title: r, description: s, slot: o } = param, { feedbackScreenTitle: n, feedbackScreenDescription: l } = param1;
+    const c = s && Array.isArray(s) ? /* @__PURE__ */ e(p, {
         space: 16,
-        children: o.map((d, l)=>/* @__PURE__ */ e("p", {
-                children: d
-            }, l))
-    }) : o;
-    return /* @__PURE__ */ n(u, {
-        space: 24,
+        children: s.map((m, u)=>/* @__PURE__ */ e("p", {
+                children: m
+            }, u))
+    }) : s;
+    return /* @__PURE__ */ d(p, {
+        space: 40,
         children: [
             /* @__PURE__ */ e("div", {
-                className: ae,
+                className: oe,
                 "data-testid": "icon",
-                children: r
+                children: t
             }),
-            /* @__PURE__ */ n(u, {
+            /* @__PURE__ */ d(p, {
                 space: 16,
-                className: m(ne),
+                className: b(ie),
                 children: [
                     /* @__PURE__ */ e("div", {
-                        className: m(a && ce),
+                        className: b(a && ae),
                         "data-testid": "title",
-                        children: /* @__PURE__ */ e(Q, {
+                        children: /* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, A({
+                            textPreset: n
+                        })), {
                             as: "h1",
-                            children: t
-                        })
+                            children: r
+                        }))
                     }),
                     c && /* @__PURE__ */ e("div", {
-                        className: m(a && T),
+                        className: b(a && I),
                         "data-testid": "description",
-                        children: c && /* @__PURE__ */ e(Y, {
-                            regular: !0,
+                        children: c && /* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, A({
+                            textPreset: l
+                        })), {
                             color: i.colors.textSecondary,
                             children: c
-                        })
+                        }))
                     }),
-                    s && /* @__PURE__ */ e("div", {
-                        className: m(a && (c ? ie : T)),
+                    o && /* @__PURE__ */ e("div", {
+                        className: b(a && (c ? ce : I)),
                         "data-testid": "slot",
-                        children: s
+                        children: o
                     })
                 ]
             })
         ]
     });
-}, q = (r, t)=>{
-    const o = E(t);
-    return /* @__PURE__ */ n(u, {
+}, E = (t, r)=>{
+    const s = O(r);
+    return /* @__PURE__ */ d(p, {
         space: {
             desktop: 32,
             mobile: 24
         },
         children: [
-            r,
-            o && /* @__PURE__ */ e(re, _object_spread({}, t))
+            t,
+            s && /* @__PURE__ */ e(ee, _object_spread({}, r))
         ]
     });
-}, w = (param)=>{
-    let { isBrandVariant: r, body: t, imageFit: o, imageUrl: s, dataAttributes: a } = param;
-    return /* @__PURE__ */ e(Z, {
+}, P = (param)=>{
+    let { isBrandVariant: t, body: r, imageFit: s, imageUrl: o, dataAttributes: a } = param;
+    return /* @__PURE__ */ e(Y, {
         borderRadius: i.borderRadii.container,
         desktopOnly: !0,
-        variant: r ? "brand" : "default",
+        variant: t ? "brand" : "default",
         dataAttributes: a,
-        children: /* @__PURE__ */ n("div", {
-            className: de,
+        children: /* @__PURE__ */ d("div", {
+            className: ne,
             children: [
                 /* @__PURE__ */ e("div", {
-                    className: le,
-                    children: t
+                    className: de,
+                    children: r
                 }),
-                s && /* @__PURE__ */ e("div", {
-                    className: me,
+                o && /* @__PURE__ */ e("div", {
+                    className: le,
                     "data-testid": "image",
                     style: {
-                        backgroundImage: `url(${s})`,
-                        backgroundPosition: o === "fit" ? "bottom right" : "center right",
+                        backgroundImage: `url(${o})`,
+                        backgroundPosition: s === "fit" ? "bottom right" : "center right",
                         backgroundRepeat: "no-repeat",
-                        backgroundSize: o === "fit" ? "contain" : "cover",
+                        backgroundSize: s === "fit" ? "contain" : "cover",
                         flex: 1,
                         maxWidth: 600
                     }
@@ -200,99 +204,95 @@ const D = (r)=>!J(r), E = (param)=>{
             ]
         })
     });
-}, pe = ()=>(M({
+}, ke = ()=>($({
         topColor: i.colors.backgroundBrandTop,
         bottomColor: "transparent"
-    }), null), B = (param)=>{
-    let { title: r, description: t, slot: o, primaryButton: s, secondaryButton: a, link: c, hapticFeedback: d, asset: l, animateText: h = !1, variant: b = "default", unstable_inlineInDesktop: v, imageUrl: p, imageFit: I, dataAttributes: F } = param;
-    L(d);
-    const { platformOverrides: S, isDarkMode: k } = g(), { isTabletOrSmaller: W } = A(), j = E({
-        primaryButton: s,
+    }), null), x = (param)=>{
+    let { title: t, description: r, slot: s, primaryButton: o, secondaryButton: a, link: n, hapticFeedback: l, asset: c, animateText: m = !1, variant: u = "default", unstable_inlineInDesktop: k, imageUrl: v, imageFit: F, dataAttributes: S } = param;
+    D(l);
+    const { platformOverrides: f, isDarkMode: q, textPresets: L } = g(), { isTabletOrSmaller: j } = V(), w = O({
+        primaryButton: o,
         secondaryButton: a
-    }), N = _({
-        asset: l,
-        title: r,
-        description: t,
-        slot: o
-    }, h && D(S));
-    if (!W && v) return q(N, {
-        primaryButton: s,
+    }), B = W({
+        asset: c,
+        title: t,
+        description: r,
+        slot: s
+    }, m && z(f), L);
+    if (!j && k) return E(B, {
+        primaryButton: o,
         secondaryButton: a,
-        link: c
+        link: n
     });
-    const f = b === "brand";
+    const h = u === "brand";
     return /* @__PURE__ */ e("div", {
         style: {
             position: "relative"
         },
-        children: /* @__PURE__ */ n(x, {
+        children: /* @__PURE__ */ d(C, {
             children: [
-                f && /* @__PURE__ */ e(pe, {}),
-                /* @__PURE__ */ e(z, {
+                h && /* @__PURE__ */ e(ke, {}),
+                /* @__PURE__ */ e(y, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: w({
-                        isBrandVariant: f,
+                    children: P({
+                        isBrandVariant: h,
                         body: // We need this reset because the ButtonFixedFooterLayout adds a ResponsiveLayout that
                         // doesn't expand when nested in mobile. This can cause double margin when footer is not fixed
-                        /* @__PURE__ */ e(ee, {
+                        /* @__PURE__ */ e(Z, {
                             skipDesktop: !0,
-                            children: /* @__PURE__ */ e(K, {
-                                isFooterVisible: j,
-                                button: s,
+                            children: /* @__PURE__ */ e(M, {
+                                isFooterVisible: w,
+                                button: o,
                                 secondaryButton: a,
-                                link: c,
-                                footerBgColor: f && !k ? i.colors.backgroundBrandBottom : void 0,
-                                containerBgColor: f ? i.colors.backgroundBrand : i.colors.background,
-                                children: /* @__PURE__ */ e(x, {
+                                link: n,
+                                footerBgColor: h && !q ? i.colors.backgroundBrandBottom : void 0,
+                                containerBgColor: h ? i.colors.backgroundBrand : i.colors.background,
+                                children: /* @__PURE__ */ e(C, {
                                     children: /* @__PURE__ */ e("div", {
                                         className: te,
                                         children: /* @__PURE__ */ e("div", {
-                                            className: m(oe, {
-                                                [se]: s || a || c
+                                            className: b(re, {
+                                                [se]: o || a || n
                                             }),
-                                            children: N
+                                            children: B
                                         })
                                     })
                                 })
                             })
                         }),
-                        imageFit: I,
-                        imageUrl: p,
-                        dataAttributes: F
+                        imageFit: F,
+                        imageUrl: v,
+                        dataAttributes: S
                     })
                 })
             ]
         })
     });
-}, Ee = (_param)=>{
-    var { dataAttributes: r } = _param, t = _object_without_properties(_param, [
+}, We = (_param)=>{
+    var { dataAttributes: t } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    const { isTabletOrSmaller: o } = A(), { skinName: s, themeVariants: a } = g();
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({}, t), {
-        variant: (a.successFeedback === "brand" || a.successFeedback === "inverse") && (!t.unstable_inlineInDesktop || o) ? "brand" : "default",
+    const { isTabletOrSmaller: s } = V(), { themeVariants: o } = g();
+    return /* @__PURE__ */ e(x, _object_spread_props(_object_spread({}, r), {
+        variant: (o.successFeedback === "brand" || o.successFeedback === "inverse") && (!r.unstable_inlineInDesktop || s) ? "brand" : "default",
         hapticFeedback: "success",
-        asset: s === C || s === O ? /* @__PURE__ */ e(R, {
-            size: "100%"
-        }) : /* @__PURE__ */ e(y, {
-            size: "100%"
-        }),
+        asset: R,
         animateText: !0,
-        imageUrl: t.imageUrl,
-        imageFit: t.imageFit,
+        imageUrl: r.imageUrl,
+        imageFit: r.imageFit,
         dataAttributes: _object_spread({
             testid: "SuccessFeedbackScreen"
-        }, r)
+        }, t)
     }));
-}, Le = (_param)=>{
-    var { errorReference: r, dataAttributes: t } = _param, o = _object_without_properties(_param, [
+}, Ee = (_param)=>{
+    var { errorReference: t, dataAttributes: r } = _param, s = _object_without_properties(_param, [
         "errorReference",
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ e(x, _object_spread_props(_object_spread({}, s), {
         hapticFeedback: "error",
         asset: /* @__PURE__ */ e(U, {
             size: "100%"
@@ -300,55 +300,55 @@ const D = (r)=>!J(r), E = (param)=>{
         animateText: !0,
         dataAttributes: _object_spread({
             testid: "ErrorFeedbackScreen"
-        }, t),
-        slot: /* @__PURE__ */ n(u, {
+        }, r),
+        slot: /* @__PURE__ */ d(p, {
             space: 16,
             children: [
-                o.slot,
-                r && /* @__PURE__ */ e(P, {
+                s.slot,
+                t && /* @__PURE__ */ e(Q, {
                     color: i.colors.textSecondary,
                     regular: !0,
-                    children: r
+                    children: t
                 })
             ]
         })
     }));
-}, _e = (_param)=>{
-    var { dataAttributes: r, Icon: t = $ } = _param, o = _object_without_properties(_param, [
+}, Pe = (_param)=>{
+    var { dataAttributes: t, Icon: r = X } = _param, s = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread({
+    const o = be();
+    return /* @__PURE__ */ e(x, _object_spread({
         dataAttributes: _object_spread({
             testid: "InfoFeedbackScreen"
-        }, r),
-        asset: /* @__PURE__ */ e(t, {
-            size: "100%",
-            color: i.colors.brand
+        }, t),
+        asset: /* @__PURE__ */ e(pe, {
+            variant: o,
+            children: /* @__PURE__ */ e(r, {
+                size: "100%",
+                color: i.colors.brand
+            })
         })
-    }, o));
+    }, s));
 }, qe = (param)=>{
-    let { title: r, description: t, slot: o, primaryButton: s, secondaryButton: a, link: c, imageUrl: d, imageFit: l, dataAttributes: h } = param;
-    L("success");
-    const { skinName: b, platformOverrides: v, themeVariants: p } = g(), F = _({
-        asset: b === C || b === O ? /* @__PURE__ */ e(R, {
-            size: "100%"
-        }) : /* @__PURE__ */ e(y, {
-            size: "100%"
-        }),
-        title: r,
-        description: t,
-        slot: o
-    }, D(v)), S = q(F, {
-        primaryButton: s,
+    let { title: t, description: r, slot: s, primaryButton: o, secondaryButton: a, link: n, imageUrl: l, imageFit: c, dataAttributes: m } = param;
+    D("success");
+    const { platformOverrides: u, themeVariants: k, textPresets: v } = g(), F = W({
+        asset: R,
+        title: t,
+        description: r,
+        slot: s
+    }, z(u), v), S = E(F, {
+        primaryButton: o,
         secondaryButton: a,
-        link: c
-    }), k = p.successFeedback === "inverse" || p.successFeedback === "brand";
-    return w({
-        isBrandVariant: k,
+        link: n
+    }), f = k.successFeedback === "inverse" || k.successFeedback === "brand";
+    return P({
+        isBrandVariant: f,
         body: /* @__PURE__ */ e("div", {
-            className: k ? ue : void 0,
-            children: /* @__PURE__ */ e(z, {
+            className: f ? me : void 0,
+            children: /* @__PURE__ */ e(y, {
                 paddingX: {
                     mobile: 16,
                     tablet: 24,
@@ -359,16 +359,16 @@ const D = (r)=>!J(r), E = (param)=>{
                     mobile: 48
                 },
                 children: /* @__PURE__ */ e("div", {
-                    className: be,
+                    className: ue,
                     children: S
                 })
             })
         }),
-        imageFit: l,
-        imageUrl: d,
+        imageFit: c,
+        imageUrl: l,
         dataAttributes: _object_spread({
             testid: "SuccessFeedback"
-        }, h)
+        }, m)
     });
 };
-export { Le as ErrorFeedbackScreen, B as FeedbackScreen, _e as InfoFeedbackScreen, qe as SuccessFeedback, Ee as SuccessFeedbackScreen };
+export { Ee as ErrorFeedbackScreen, x as FeedbackScreen, Pe as InfoFeedbackScreen, qe as SuccessFeedback, We as SuccessFeedbackScreen };

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

@@ -1,8 +1,8 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v17_8_1isvxjy0", n = "v17_8_1isvxjy9 v17_8_1isvxjy2 v17_8_1isvxjy1 v17_8_1y2v1nfka v17_8_1y2v1nflj v17_8_1y2v1nfhv v17_8_1y2v1nfj4 v17_8_1y2v1nfu6", y = {
-    default: "v17_8_1isvxjya",
-    alternative: "v17_8_1isvxjyb",
-    brand: "v17_8_1isvxjyc",
-    negative: "v17_8_1isvxjyd",
-    media: "v17_8_1isvxjye"
-}, t = "v17_8_1isvxjyf", s = "v17_8_1isvxjyh", j = "v17_8_1isvxjyi", o = "v17_8_1isvxjyk v17_8_1isvxjyj v17_8_1y2v1nfre v17_8_1y2v1nfrn";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v17_9_1isvxjy0", n = "v17_9_1isvxjy9 v17_9_1isvxjy2 v17_9_1isvxjy1 v17_9_1y2v1nfka v17_9_1y2v1nflj v17_9_1y2v1nfhv v17_9_1y2v1nfj4 v17_9_1y2v1nfu6", y = {
+    default: "v17_9_1isvxjya",
+    alternative: "v17_9_1isvxjyb",
+    brand: "v17_9_1isvxjyc",
+    negative: "v17_9_1isvxjyd",
+    media: "v17_9_1isvxjye"
+}, t = "v17_9_1isvxjyf", s = "v17_9_1isvxjyh", j = "v17_9_1isvxjyi", o = "v17_9_1isvxjyk v17_9_1isvxjyj v17_9_1y2v1nfre v17_9_1y2v1nfrn";
 export { s as assetScaleActive, o as centeredButton, a as disabled, t as dropZoneActive, j as dropZoneButton, n as dropZoneContainerBase, y as dropZoneVariant };

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

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                               */ var r = {
-    footerHeight: "var(--v17_8_p5j8j50)"
-}, j = "v17_8_p5j8j53 v17_8_p5j8j52 v17_8_1y2v1nfs1", a = "v17_8_p5j8j54", f = "v17_8_p5j8j55", n = "v17_8_p5j8j56 v17_8_1y2v1nfrd", o = "v17_8_p5j8j57", p = "v17_8_p5j8j59 v17_8_p5j8j58 v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nfra", y = "v17_8_p5j8j5b v17_8_p5j8j5a v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nfra", e = "v17_8_p5j8j5d v17_8_p5j8j5c v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfr9";
+    footerHeight: "var(--v17_9_p5j8j50)"
+}, j = "v17_9_p5j8j53 v17_9_p5j8j52 v17_9_1y2v1nfs1", a = "v17_9_p5j8j54", f = "v17_9_p5j8j55", n = "v17_9_p5j8j56 v17_9_1y2v1nfrd", o = "v17_9_p5j8j57", p = "v17_9_p5j8j59 v17_9_p5j8j58 v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfra", y = "v17_9_p5j8j5b v17_9_p5j8j5a v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfra", e = "v17_9_p5j8j5d v17_9_p5j8j5c v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfr9";
 export { e as absoluteBackgroundLayer, o as container, f as elevated, y as fixedBackgroundLayer, a as fixedFooter, j as footer, p as portal, r as vars, n as withoutFooter };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                */ var p = "v17_8_1dycpqb0 v17_8_1y2v1nfs1";
+/* empty css                                     */ /* empty css                                */ var p = "v17_9_1dycpqb0 v17_9_1y2v1nfs1";
 export { p as form };

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

@@ -1,5 +1,5 @@
-/* empty css                                       */ var a = "v17_8_379jdb0", _ = "v17_8_379jdb1", r = "v17_8_379jdb2", d = "v17_8_379jdb4", e = "v17_8_379jdb5", l = "v17_8_379jdb7", o = {
-    colSpan: "var(--v17_8_379jdb6)",
-    verticalSpace: "var(--v17_8_379jdb3)"
+/* empty css                                       */ var a = "v17_9_379jdb0", _ = "v17_9_379jdb1", r = "v17_9_379jdb2", d = "v17_9_379jdb4", e = "v17_9_379jdb5", l = "v17_9_379jdb7", o = {
+    colSpan: "var(--v17_9_379jdb6)",
+    verticalSpace: "var(--v17_9_379jdb3)"
 };
 export { e as collapsedInTablet, r as desktopLargeColumn, _ as desktopMediumColumn, a as desktopSmallColumn, d as grid, l as span, o as vars };