@telefonica/mistica 15.17.0 → 15.19.0

package/dist-es/chip.js

@@ -59,18 +59,18 @@ import o from "./box.js";
 import { Text2 as V } from "./text.js";
 import z from "./generated/mistica-icons/icon-close-regular.js";
 import { pxToRem as i } from "./utils/css.js";
-import { iconActive as D, icon as L, chipVariants as h, chipWrapper as p, button as M, wrappedContent as F, chipInteractiveVariants as W } from "./chip.css-mistica.js";
-import { vars as $ } from "./skins/skin-contract.css-mistica.js";
-import { useThemeVariant as q } from "./theme-variant-context.js";
-import E, { BaseTouchable as G } from "./touchable.js";
-const H = (e)=>{
-    const { Icon: n, children: A, id: R, dataAttributes: T, active: a, badge: r, onClose: s } = e, { texts: k, isDarkMode: I, textPresets: B } = P(), u = q() === "alternative", f = n ? {
+import { iconActive as D, icon as M, chipVariants as h, chipWrapper as u, button as F, wrappedContent as W, chipInteractiveVariants as $ } from "./chip.css-mistica.js";
+import { vars as q } from "./skins/skin-contract.css-mistica.js";
+import { useThemeVariant as E } from "./theme-variant-context.js";
+import G, { BaseTouchable as H } from "./touchable.js";
+const J = (e)=>{
+    const { Icon: n, children: A, id: R, dataAttributes: T, active: a, badge: r, onClose: s, closeButtonLabel: k } = e, { texts: B, isDarkMode: I, textPresets: w } = P(), p = E() === "alternative", f = n ? {
         mobile: 16,
         desktop: 8
     } : {
         mobile: 20,
         desktop: 12
-    }, w = {
+    }, y = {
         mobile: 20,
         desktop: 12
     }, g = {
@@ -80,7 +80,7 @@ const H = (e)=>{
         children: [
             n && /* @__PURE__ */ t(o, {
                 paddingRight: 4,
-                className: a ? D : L,
+                className: a ? D : M,
                 children: /* @__PURE__ */ t(n, {
                     color: "currentColor",
                     size: i(16)
@@ -90,7 +90,7 @@ const H = (e)=>{
                 paddingRight: r ? 8 : s ? 4 : 0,
                 children: /* @__PURE__ */ t(V, {
                     id: R,
-                    weight: B.indicator.weight,
+                    weight: w.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
                     children: A
@@ -101,13 +101,13 @@ const H = (e)=>{
         "component-name": "Chip"
     }, T);
     if (s) return /* @__PURE__ */ d(o, {
-        className: m(u ? h.overAlternative : h.default, p),
+        className: m(p ? h.overAlternative : h.default, u),
         paddingLeft: f,
         paddingRight: g,
         dataAttributes: c,
         children: [
             b,
-            /* @__PURE__ */ t(E, {
+            /* @__PURE__ */ t(G, {
                 style: {
                     display: "flex",
                     justifyContent: "center",
@@ -115,36 +115,36 @@ const H = (e)=>{
                     width: i(24),
                     height: i(24)
                 },
-                "aria-label": k.closeButtonLabel,
+                "aria-label": k !== null && k !== void 0 ? k : B.closeButtonLabel,
                 onPress: ()=>s(),
                 children: /* @__PURE__ */ t(z, {
                     size: i(16),
-                    color: $.colors.neutralMedium
+                    color: q.colors.neutralMedium
                 })
             })
         ]
     });
-    const l = e.href || e.onPress || e.to, y = a !== void 0 || l, N = ()=>r ? /* @__PURE__ */ t(C, {
+    const l = e.href || e.onPress || e.to, N = a !== void 0 || l, j = ()=>r ? /* @__PURE__ */ t(C, {
             children: r === !0 ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(x, {
                 value: r
             })
-        }) : null, v = (j)=>/* @__PURE__ */ d(o, {
-            className: m(h[a ? "active" : u ? "overAlternative" : "default"], // If the chip is wrapped inside a BaseTouchable, we set inline-flex to the Touchable instead
-            l ? F : p, {
-                [W[I ? "dark" : "light"]]: y
+        }) : null, v = (L)=>/* @__PURE__ */ d(o, {
+            className: m(h[a ? "active" : p ? "overAlternative" : "default"], // If the chip is wrapped inside a BaseTouchable, we set inline-flex to the Touchable instead
+            l ? W : u, {
+                [$[I ? "dark" : "light"]]: N
             }),
             paddingLeft: f,
-            paddingRight: r ? g : w,
-            dataAttributes: j,
+            paddingRight: r ? g : y,
+            dataAttributes: L,
             children: [
                 b,
-                N()
+                j()
             ]
         });
-    return l ? /* @__PURE__ */ t(G, _object_spread_props(_object_spread({}, e), {
-        className: m(p, M),
+    return l ? /* @__PURE__ */ t(H, _object_spread_props(_object_spread({}, e), {
+        className: m(u, F),
         dataAttributes: c,
         children: v()
     })) : v(c);
-}, rt = H;
-export { rt as default };
+}, ot = J;
+export { ot as default };

package/dist-es/dialog.js

@@ -78,10 +78,10 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as w, Fragment as O } from "react/jsx-runtime";
+import { jsx as e, jsxs as w, Fragment as L } from "react/jsx-runtime";
 import * as n from "react";
 import E from "classnames";
-import { ButtonDanger as L, ButtonPrimary as S, ButtonSecondary as M } from "./button.js";
+import { ButtonDanger as O, ButtonPrimary as S, ButtonSecondary as M } from "./button.js";
 import { Portal as _ } from "./portal.js";
 import j from "./focus-trap.js";
 import F from "./generated/mistica-icons/icon-close-regular.js";
@@ -97,8 +97,8 @@ import { useSetModalStateEffect as J } from "./modal-context-provider.js";
 import Q from "./stack.js";
 import { ANIMATION_DURATION_MS as X, wrapper as Z, modalOpacityLayer as $, closedOpactityLayer as ee, modalContent as te, closedModalContent as ne, modalCloseButtonContainer as oe, variants as ae, iconContainer as re, dialogContent as ie, dialogActions as se } from "./dialog.css-mistica.js";
 import { vars as le } from "./skins/skin-contract.css-mistica.js";
-const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
-    const { texts: i } = D(), { className: d, title: r, message: f, icon: o, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: g = i.dialogCancelButton, acceptText: m = i.dialogAcceptButton, onCancel: h, onAccept: C, destructive: B = !1 } = t, u = t.type === "dialog", p = u && !!t.link || l || s, y = {
+const ce = ()=>process.env.NODE_ENV !== "test" && !H(), ue = (t)=>{
+    const { texts: i } = D(), { className: u, title: r, message: f, icon: o, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: g = i.dialogCancelButton, acceptText: m = i.dialogAcceptButton, onCancel: h, onAccept: C, destructive: B = !1 } = t, d = t.type === "dialog", p = d && !!t.link || l || s, y = {
         onPress: C || (()=>{}),
         children: m,
         // @deprecated - testid should be removed but many webapp tests depend on this
@@ -107,7 +107,7 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
         }
     };
     return /* @__PURE__ */ w("div", {
-        className: E(ae[u ? "dialog" : "default"], d),
+        className: E(ae[d ? "dialog" : "default"], u),
         children: [
             o && /* @__PURE__ */ e(k, {
                 paddingBottom: 24,
@@ -120,7 +120,7 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
             }),
             r && /* @__PURE__ */ e(k, {
                 paddingBottom: 16,
-                children: u ? /* @__PURE__ */ e(Y, {
+                children: d ? /* @__PURE__ */ e(Y, {
                     as: "h2",
                     children: r
                 }) : /* @__PURE__ */ e(A, {
@@ -154,8 +154,8 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
             p && /* @__PURE__ */ e("div", {
                 className: se,
                 children: /* @__PURE__ */ e(U, {
-                    link: u ? t.link : void 0,
-                    primaryButton: l ? B ? /* @__PURE__ */ e(L, _object_spread({
+                    link: d ? t.link : void 0,
+                    primaryButton: l ? B ? /* @__PURE__ */ e(O, _object_spread({
                         tabIndex: 1
                     }, y)) : /* @__PURE__ */ e(S, _object_spread({
                         tabIndex: 1
@@ -172,28 +172,28 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
             })
         ]
     });
-}, ue = (param)=>{
-    let { type: t, message: i, title: d, acceptText: r, cancelText: f, onAccept: o, onCancel: c, onDestroy: s } = param;
+}, de = (param)=>{
+    let { type: t, message: i, title: u, acceptText: r, cancelText: f, onAccept: o, onCancel: c, onDestroy: s } = param;
     return t === "confirm" ? z({
         message: i,
-        title: d,
+        title: u,
         cancelText: f,
         acceptText: r
     }).then((l)=>{
         l ? o == null || o() : c == null || c(), s();
     }) : K({
         message: i,
-        title: d,
+        title: u,
         buttonText: r
     }).then(()=>{
         o == null || o(), s();
     });
 }, me = (param)=>{
-    let { type: t, onAccept: i, onCancel: d, onDestroy: r, acceptText: f, cancelText: o, message: c, title: s } = param;
+    let { type: t, onAccept: i, onCancel: u, onDestroy: r, acceptText: f, cancelText: o, message: c, title: s } = param;
     const { texts: l } = D(), g = n.useRef({
         type: t,
         onAccept: i,
-        onCancel: d,
+        onCancel: u,
         onDestroy: r,
         acceptText: f || l.dialogAcceptButton,
         cancelText: o || l.dialogCancelButton,
@@ -201,13 +201,13 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
         title: s
     }), m = n.useRef(!1);
     return n.useEffect(()=>{
-        m.current || (m.current = !0, ue(g.current).finally(()=>{
+        m.current || (m.current = !0, de(g.current).finally(()=>{
             m.current = !1;
         }));
-    }, []), /* @__PURE__ */ e(O, {});
+    }, []), /* @__PURE__ */ e(L, {});
 }, Ie = (t)=>{
     J();
-    const i = n.useRef(null), { texts: d } = D(), [r, f] = n.useState(!1), o = n.useRef(!1), c = n.useRef(!1), [s, l] = n.useState(!1), g = n.useRef(!1), m = n.useRef(ce() ? X : 0), h = t.type !== "dialog" && W(), C = t.type === "dialog", B = t.type === "alert", { onAccept: u, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
+    const i = n.useRef(null), { texts: u } = D(), [r, f] = n.useState(!1), o = n.useRef(!1), c = n.useRef(!1), [s, l] = n.useState(!1), g = n.useRef(!1), m = n.useRef(ce() ? X : 0), h = t.type !== "dialog" && W(), C = t.type === "dialog", B = t.type === "alert", { onAccept: d, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
         "onAccept",
         "onCancel",
         "onDestroy"
@@ -221,9 +221,9 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
         };
     }, []);
     const x = n.useCallback(()=>{
-        c.current || (c.current = !0, g.current ? u == null || u() : p == null || p(), y());
+        c.current || (c.current = !0, g.current ? d == null || d() : p == null || p(), y());
     }, [
-        u,
+        d,
         p,
         y
     ]), R = n.useCallback(()=>{
@@ -274,6 +274,7 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
         C,
         b
     ]);
+    var _t_closeButtonLabel;
     return h ? /* @__PURE__ */ e(me, _object_spread({}, t)) : /* @__PURE__ */ e(_, {
         className: Z,
         children: /* @__PURE__ */ e(j, {
@@ -304,14 +305,14 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
                                 className: oe,
                                 children: /* @__PURE__ */ e(V, {
                                     onPress: v,
-                                    "aria-label": d.modalClose || d.closeButtonLabel,
+                                    "aria-label": (_t_closeButtonLabel = t.closeButtonLabel) !== null && _t_closeButtonLabel !== void 0 ? _t_closeButtonLabel : u.modalClose || u.closeButtonLabel,
                                     bleedLeft: !0,
                                     bleedRight: !0,
                                     bleedY: !0,
                                     Icon: F
                                 })
                             }),
-                            /* @__PURE__ */ e(de, _object_spread_props(_object_spread({}, I), {
+                            /* @__PURE__ */ e(ue, _object_spread_props(_object_spread({}, I), {
                                 showAcceptButton: t.type !== "dialog" || !!t.onAccept,
                                 showCancelButton: t.type === "confirm" || t.type === "dialog" && !!t.onCancel,
                                 onCancel: b,

package/dist-es/feedback.js

@@ -80,106 +80,106 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import * as K from "react";
-import { useTheme as v, useScreenSize as B } from "./hooks.js";
-import L from "./button-fixed-footer-layout.js";
-import { VIVO_SKIN as A, VIVO_NEW_SKIN as z } from "./skins/constants.js";
-import { useSetOverscrollColor as M } from "./overscroll-color-context.js";
+import { useTheme as v, useScreenSize as A } from "./hooks.js";
+import M from "./button-fixed-footer-layout.js";
+import { VIVO_SKIN as y, VIVO_NEW_SKIN as z } from "./skins/constants.js";
+import { useSetOverscrollColor as $ } from "./overscroll-color-context.js";
 import C from "./icons/icon-success.js";
 import V from "./icons/icon-success-vivo.js";
-import $ from "./icons/icon-error.js";
-import G from "./icons/icon-info.js";
-import { isWebViewBridgeAvailable as P, requestVibration as U } from "@tef-novum/webview-bridge";
-import { isRunningAcceptanceTest as X } from "./utils/platform.js";
-import { Text2 as J, Text6 as Q, Text3 as Y } from "./text.js";
+import G from "./icons/icon-error.js";
+import P from "./icons/icon-info.js";
+import { isWebViewBridgeAvailable as U, requestVibration as X } from "@tef-novum/webview-bridge";
+import { isRunningAcceptanceTest as J } from "./utils/platform.js";
+import { Text2 as Q, Text6 as Y, Text3 as Z } from "./text.js";
 import b from "./box.js";
-import { InternalBoxed as Z } from "./boxed.js";
-import ee from "./responsive-layout.js";
-import p from "./stack.js";
-import u from "classnames";
-import re from "./button-group.js";
+import { InternalBoxed as ee } from "./boxed.js";
+import N, { ResetResponsiveLayout as re } from "./responsive-layout.js";
+import u from "./stack.js";
+import p from "classnames";
+import oe from "./button-group.js";
 import { vars as d } from "./skins/skin-contract.css-mistica.js";
-import { container as oe, innerContainer as te, innerContainerWithButtons as ce, backgroundBrand as ne, iconContainer as ie, feedbackData as ae, feedbackTextAppearFast as se, feedbackTextAppearMedium as N, feedbackTextAppearSlow as de, desktopContainer as le, desktopContent as me, desktopImage as ue } from "./feedback.css-mistica.js";
-import y from "./icons/icon-success-vivo-new.js";
-const O = (o)=>!X(o), D = (param)=>{
+import { container as te, innerContainer as ce, innerContainerWithButtons as ne, backgroundBrand as ie, iconContainer as se, feedbackData as ae, feedbackTextAppearFast as de, feedbackTextAppearMedium as T, feedbackTextAppearSlow as le, desktopContainer as me, desktopContent as pe, desktopImage as ue } from "./feedback.css-mistica.js";
+import O from "./icons/icon-success-vivo-new.js";
+const R = (o)=>!J(o), D = (param)=>{
     let { primaryButton: o, secondaryButton: r } = param;
     return !!o || !!r;
-}, T = (o)=>{
-    P() && U(o).catch(()=>{});
+}, B = (o)=>{
+    U() && X(o).catch(()=>{});
 }, E = (o)=>{
     K.useEffect(()=>{
         let r;
-        return o === "success" && (r = setTimeout(()=>T("success"), 700)), o === "error" && (r = setTimeout(()=>T("error"), 1e3)), ()=>{
+        return o === "success" && (r = setTimeout(()=>B("success"), 700)), o === "error" && (r = setTimeout(()=>B("error"), 1e3)), ()=>{
             clearTimeout(r);
         };
     }, [
         o
     ]);
-}, R = (param, n)=>{
+}, W = (param, n)=>{
     let { icon: o, title: r, description: t, extra: c } = param;
-    const i = t && Array.isArray(t) ? /* @__PURE__ */ e(p, {
+    const i = t && Array.isArray(t) ? /* @__PURE__ */ e(u, {
         space: 16,
-        children: t.map((a, m)=>/* @__PURE__ */ e("p", {
-                children: a
+        children: t.map((s, m)=>/* @__PURE__ */ e("p", {
+                children: s
             }, m))
     }) : t;
-    return /* @__PURE__ */ l(p, {
+    return /* @__PURE__ */ l(u, {
         space: 24,
         children: [
             /* @__PURE__ */ e("div", {
-                className: ie,
+                className: se,
                 children: o
             }),
-            /* @__PURE__ */ l(p, {
+            /* @__PURE__ */ l(u, {
                 space: 16,
-                className: u(ae),
+                className: p(ae),
                 children: [
                     /* @__PURE__ */ e("div", {
-                        className: u(n && se),
-                        children: /* @__PURE__ */ e(Q, {
+                        className: p(n && de),
+                        children: /* @__PURE__ */ e(Y, {
                             as: "h1",
                             children: r
                         })
                     }),
                     i && /* @__PURE__ */ e("div", {
-                        className: u(n && N),
-                        children: i && /* @__PURE__ */ e(Y, {
+                        className: p(n && T),
+                        children: i && /* @__PURE__ */ e(Z, {
                             regular: !0,
                             color: d.colors.textSecondary,
                             children: i
                         })
                     }),
                     c && /* @__PURE__ */ e("div", {
-                        className: u(n && (i ? de : N)),
+                        className: p(n && (i ? le : T)),
                         children: c
                     })
                 ]
             })
         ]
     });
-}, W = (o, r)=>{
+}, _ = (o, r)=>{
     const t = D(r);
-    return /* @__PURE__ */ l(p, {
+    return /* @__PURE__ */ l(u, {
         space: {
             desktop: 40,
             mobile: 24
         },
         children: [
             o,
-            t && /* @__PURE__ */ e(re, _object_spread({}, r))
+            t && /* @__PURE__ */ e(oe, _object_spread({}, r))
         ]
     });
-}, _ = (param)=>{
+}, q = (param)=>{
     let { isInverse: o, body: r, imageFit: t, imageUrl: c, dataAttributes: n } = param;
-    return /* @__PURE__ */ e(Z, {
+    return /* @__PURE__ */ e(ee, {
         borderRadius: d.borderRadii.legacyDisplay,
         desktopOnly: !0,
         isInverse: o,
         dataAttributes: n,
         children: /* @__PURE__ */ l("div", {
-            className: le,
+            className: me,
             children: [
                 /* @__PURE__ */ e("div", {
-                    className: me,
+                    className: pe,
                     children: /* @__PURE__ */ e(b, {
                         padding: {
                             desktop: 64,
@@ -203,54 +203,61 @@ const O = (o)=>!X(o), D = (param)=>{
             ]
         })
     });
-}, pe = ()=>(M({
+}, be = ()=>($({
         topColor: d.colors.backgroundBrandTop,
         bottomColor: "transparent"
     }), null), F = (param)=>{
-    let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link: a, hapticFeedback: m, icon: f, animateText: k = !1, isInverse: s = !1, unstable_inlineInDesktop: h, imageUrl: x, imageFit: g, dataAttributes: S } = param;
+    let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, hapticFeedback: m, icon: k, animateText: f = !1, isInverse: a = !1, unstable_inlineInDesktop: h, imageUrl: x, imageFit: g, dataAttributes: S } = param;
     E(m);
-    const { platformOverrides: q, isDarkMode: w } = v(), { isTabletOrSmaller: j } = B(), H = D({
+    const { platformOverrides: w, isDarkMode: L } = v(), { isTabletOrSmaller: j } = A(), H = D({
         primaryButton: n,
         secondaryButton: i,
-        link: a
-    }), I = R({
-        icon: f,
+        link: s
+    }), I = W({
+        icon: k,
         title: o,
         description: r,
         extra: c !== null && c !== void 0 ? c : t
-    }, k && O(q));
-    return !j && h ? W(I, {
+    }, f && R(w));
+    return !j && h ? _(I, {
         primaryButton: n,
         secondaryButton: i,
-        link: a
+        link: s
     }) : /* @__PURE__ */ e("div", {
         style: {
             position: "relative"
         },
-        children: /* @__PURE__ */ l(ee, {
+        children: /* @__PURE__ */ l(N, {
             children: [
-                s && /* @__PURE__ */ e(pe, {}),
+                a && /* @__PURE__ */ e(be, {}),
                 /* @__PURE__ */ e(b, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: _({
-                        isInverse: s,
-                        body: /* @__PURE__ */ e(L, {
-                            isFooterVisible: H,
-                            button: n,
-                            secondaryButton: i,
-                            link: a,
-                            footerBgColor: s && !w ? d.colors.backgroundBrandBottom : void 0,
-                            containerBgColor: s ? d.colors.backgroundBrand : d.colors.background,
-                            children: /* @__PURE__ */ e("div", {
-                                className: oe,
-                                children: /* @__PURE__ */ e("div", {
-                                    className: u(te, {
-                                        [ce]: n || i || a
-                                    }),
-                                    children: I
+                    children: q({
+                        isInverse: a,
+                        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(re, {
+                            skipDesktop: !0,
+                            children: /* @__PURE__ */ e(M, {
+                                isFooterVisible: H,
+                                button: n,
+                                secondaryButton: i,
+                                link: s,
+                                footerBgColor: a && !L ? d.colors.backgroundBrandBottom : void 0,
+                                containerBgColor: a ? d.colors.backgroundBrand : d.colors.background,
+                                children: /* @__PURE__ */ e(N, {
+                                    children: /* @__PURE__ */ e("div", {
+                                        className: te,
+                                        children: /* @__PURE__ */ e("div", {
+                                            className: p(ce, {
+                                                [ne]: n || i || s
+                                            }),
+                                            children: I
+                                        })
+                                    })
                                 })
                             })
                         }),
@@ -262,17 +269,17 @@ const O = (o)=>!X(o), D = (param)=>{
             ]
         })
     });
-}, Re = (_param)=>{
+}, We = (_param)=>{
     var { dataAttributes: o } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    const { isTabletOrSmaller: t } = B(), { skinName: c } = v();
+    const { isTabletOrSmaller: t } = A(), { skinName: c } = v();
     return /* @__PURE__ */ e(F, _object_spread_props(_object_spread({}, r), {
         isInverse: !r.unstable_inlineInDesktop || t,
         hapticFeedback: "success",
-        icon: c === A ? /* @__PURE__ */ e(V, {
+        icon: c === y ? /* @__PURE__ */ e(V, {
             size: "100%"
-        }) : c === z ? /* @__PURE__ */ e(y, {
+        }) : c === z ? /* @__PURE__ */ e(O, {
             size: "100%"
         }) : /* @__PURE__ */ e(C, {
             size: "100%"
@@ -284,7 +291,7 @@ const O = (o)=>!X(o), D = (param)=>{
             "component-name": "SuccessFeedbackScreen"
         }, o)
     }));
-}, We = (_param)=>{
+}, _e = (_param)=>{
     var { children: o, errorReference: r, dataAttributes: t } = _param, c = _object_without_properties(_param, [
         "children",
         "errorReference",
@@ -292,18 +299,18 @@ const O = (o)=>!X(o), D = (param)=>{
     ]);
     return /* @__PURE__ */ e(F, _object_spread_props(_object_spread({}, c), {
         hapticFeedback: "error",
-        icon: /* @__PURE__ */ e($, {
+        icon: /* @__PURE__ */ e(G, {
             size: "100%"
         }),
         animateText: !0,
         dataAttributes: _object_spread({
             "component-name": "ErrorFeedbackScreen"
         }, t),
-        extra: /* @__PURE__ */ l(p, {
+        extra: /* @__PURE__ */ l(u, {
             space: 16,
             children: [
                 o,
-                r && /* @__PURE__ */ e(J, {
+                r && /* @__PURE__ */ e(Q, {
                     color: d.colors.textSecondary,
                     regular: !0,
                     children: r
@@ -311,8 +318,8 @@ const O = (o)=>!X(o), D = (param)=>{
             ]
         })
     }));
-}, _e = (_param)=>{
-    var { dataAttributes: o, Icon: r = G } = _param, t = _object_without_properties(_param, [
+}, qe = (_param)=>{
+    var { dataAttributes: o, Icon: r = P } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
     ]);
@@ -324,13 +331,13 @@ const O = (o)=>!X(o), D = (param)=>{
             size: "100%"
         })
     }, t));
-}, qe = (param)=>{
-    let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link: a, imageUrl: m, imageFit: f, dataAttributes: k } = param;
+}, we = (param)=>{
+    let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, imageUrl: m, imageFit: k, dataAttributes: f } = param;
     E("success");
-    const { skinName: s, platformOverrides: h } = v(), g = R({
-        icon: s === A ? /* @__PURE__ */ e(V, {
+    const { skinName: a, platformOverrides: h } = v(), g = W({
+        icon: a === y ? /* @__PURE__ */ e(V, {
             size: "100%"
-        }) : s === z ? /* @__PURE__ */ e(y, {
+        }) : a === z ? /* @__PURE__ */ e(O, {
             size: "100%"
         }) : /* @__PURE__ */ e(C, {
             size: "100%"
@@ -338,15 +345,15 @@ const O = (o)=>!X(o), D = (param)=>{
         title: o,
         description: r,
         extra: c !== null && c !== void 0 ? c : t
-    }, O(h)), S = W(g, {
+    }, R(h)), S = _(g, {
         primaryButton: n,
         secondaryButton: i,
-        link: a
+        link: s
     });
-    return _({
+    return q({
         isInverse: !0,
         body: /* @__PURE__ */ e("div", {
-            className: ne,
+            className: ie,
             children: /* @__PURE__ */ e(b, {
                 paddingX: {
                     mobile: 16,
@@ -363,11 +370,11 @@ const O = (o)=>!X(o), D = (param)=>{
                 })
             })
         }),
-        imageFit: f,
+        imageFit: k,
         imageUrl: m,
         dataAttributes: _object_spread({
             "component-name": "SuccessFeedback"
-        }, k)
+        }, f)
     });
 };
-export { We as ErrorFeedbackScreen, F as FeedbackScreen, _e as InfoFeedbackScreen, qe as SuccessFeedback, Re as SuccessFeedbackScreen };
+export { _e as ErrorFeedbackScreen, F as FeedbackScreen, qe as InfoFeedbackScreen, we as SuccessFeedback, We as SuccessFeedbackScreen };

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

@@ -1,8 +1,8 @@
 import "./inline.css.ts.vanilla.css-mistica.js";
-var k = "kkfbnv6", a = "kkfbnv5", n = "kkfbnv4", r = "kkfbnv8", b = "kkfbnv9", e = {
+var v = "kkfbnv6", k = "kkfbnv5", r = "kkfbnv4", n = "kkfbnv8", b = "kkfbnv9", e = "kkfbnva", f = {
     space: "var(--kkfbnv0)",
     spaceMobile: "var(--kkfbnv1)",
     spaceTablet: "var(--kkfbnv2)",
     spaceDesktop: "var(--kkfbnv3)"
-}, f = "kkfbnv7";
-export { k as fullWidth, a as inline, n as marginInline, r as noFullWidth, b as stringSpace, e as vars, f as wrap };
+}, i = "kkfbnv7";
+export { v as fullWidth, k as inline, r as marginInline, n as noFullWidth, b as stringSpace, e as stringSpaceWithWrap, f as vars, i as wrap };