@telefonica/mistica 15.17.0 → 15.19.0

package/dist/chip.d.ts

@@ -11,6 +11,7 @@ interface SimpleChipProps {
 }
 interface ClosableChipProps extends SimpleChipProps {
     onClose: () => void;
+    closeButtonLabel?: string;
 }
 interface ToggleChipProps extends SimpleChipProps {
     active: boolean;

package/dist/chip.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return rt;
+        return ot;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -119,14 +119,14 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-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 } = (0, _hooks.useTheme)(), u = (0, _themevariantcontext.useThemeVariant)() === "alternative", f = n ? {
+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 } = (0, _hooks.useTheme)(), p = (0, _themevariantcontext.useThemeVariant)() === "alternative", f = n ? {
         mobile: 16,
         desktop: 8
     } : {
         mobile: 20,
         desktop: 12
-    }, w = {
+    }, y = {
         mobile: 20,
         desktop: 12
     }, g = {
@@ -146,7 +146,7 @@ const H = (e)=>{
                 paddingRight: r ? 8 : s ? 4 : 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     id: R,
-                    weight: B.indicator.weight,
+                    weight: w.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
                     children: A
@@ -157,7 +157,7 @@ const H = (e)=>{
         "component-name": "Chip"
     }, T);
     if (s) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
-        className: (0, _classnames.default)(u ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
+        className: (0, _classnames.default)(p ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
         paddingLeft: f,
         paddingRight: g,
         dataAttributes: c,
@@ -171,7 +171,7 @@ const H = (e)=>{
                     width: (0, _css.pxToRem)(24),
                     height: (0, _css.pxToRem)(24)
                 },
-                "aria-label": k.closeButtonLabel,
+                "aria-label": k !== null && k !== void 0 ? k : B.closeButtonLabel,
                 onPress: ()=>s(),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
                     size: (0, _css.pxToRem)(16),
@@ -180,20 +180,20 @@ const H = (e)=>{
             })
         ]
     });
-    const l = e.href || e.onPress || e.to, y = a !== void 0 || l, N = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+    const l = e.href || e.onPress || e.to, N = a !== void 0 || l, j = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
             children: r === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
                 value: r
             })
-        }) : null, v = (j)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
-            className: (0, _classnames.default)(_chipcssmistica.chipVariants[a ? "active" : u ? "overAlternative" : "default"], l ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
-                [_chipcssmistica.chipInteractiveVariants[I ? "dark" : "light"]]: y
+        }) : null, v = (L)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
+            className: (0, _classnames.default)(_chipcssmistica.chipVariants[a ? "active" : p ? "overAlternative" : "default"], l ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
+                [_chipcssmistica.chipInteractiveVariants[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__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, e), {
@@ -201,4 +201,4 @@ const H = (e)=>{
         dataAttributes: c,
         children: v()
     })) : v(c);
-}, rt = H;
+}, ot = J;

package/dist/dialog.d.ts

@@ -9,6 +9,7 @@ interface BaseDialogProps {
     acceptText?: string;
     onAccept?: () => void;
     destructive?: boolean;
+    closeButtonLabel?: string;
     /** @deprecated this does nothing */
     forceWeb?: boolean;
     /** @deprecated this does nothing */

package/dist/dialog.js

@@ -153,8 +153,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), de = (t)=>{
-    const { texts: i } = (0, _hooks.useTheme)(), { 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" && !(0, _platform.isRunningAcceptanceTest)(), ue = (t)=>{
+    const { texts: i } = (0, _hooks.useTheme)(), { 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
@@ -163,7 +163,7 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         }
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(_dialogcssmistica.variants[u ? "dialog" : "default"], d),
+        className: (0, _classnames.default)(_dialogcssmistica.variants[d ? "dialog" : "default"], u),
         children: [
             o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
@@ -176,7 +176,7 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
             }),
             r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 16,
-                children: u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
+                children: d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
                     as: "h2",
                     children: r
                 }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
@@ -210,7 +210,7 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
             p && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _dialogcssmistica.dialogActions,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
-                    link: u ? t.link : void 0,
+                    link: d ? t.link : void 0,
                     primaryButton: l ? B ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
                         tabIndex: 1
                     }, y)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
@@ -228,28 +228,28 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
             })
         ]
     });
-}, 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" ? (0, _webviewbridge.nativeConfirm)({
         message: i,
-        title: d,
+        title: u,
         cancelText: f,
         acceptText: r
     }).then((l)=>{
         l ? o == null || o() : c == null || c(), s();
     }) : (0, _webviewbridge.nativeAlert)({
         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 } = (0, _hooks.useTheme)(), g = _react.useRef({
         type: t,
         onAccept: i,
-        onCancel: d,
+        onCancel: u,
         onDestroy: r,
         acceptText: f || l.dialogAcceptButton,
         cancelText: o || l.dialogCancelButton,
@@ -257,13 +257,13 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         title: s
     }), m = _react.useRef(!1);
     return _react.useEffect(()=>{
-        m.current || (m.current = !0, ue(g.current).finally(()=>{
+        m.current || (m.current = !0, de(g.current).finally(()=>{
             m.current = !1;
         }));
     }, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
 }, Ie = (t)=>{
     (0, _modalcontextprovider.useSetModalStateEffect)();
-    const i = _react.useRef(null), { texts: d } = (0, _hooks.useTheme)(), [r, f] = _react.useState(!1), o = _react.useRef(!1), c = _react.useRef(!1), [s, l] = _react.useState(!1), g = _react.useRef(!1), m = _react.useRef(ce() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), h = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), C = t.type === "dialog", B = t.type === "alert", { onAccept: u, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
+    const i = _react.useRef(null), { texts: u } = (0, _hooks.useTheme)(), [r, f] = _react.useState(!1), o = _react.useRef(!1), c = _react.useRef(!1), [s, l] = _react.useState(!1), g = _react.useRef(!1), m = _react.useRef(ce() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), h = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), C = t.type === "dialog", B = t.type === "alert", { onAccept: d, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
         "onAccept",
         "onCancel",
         "onDestroy"
@@ -277,9 +277,9 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         };
     }, []);
     const x = _react.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 = _react.useCallback(()=>{
@@ -330,6 +330,7 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         C,
         b
     ]);
+    var _t_closeButtonLabel;
     return h ? /* @__PURE__ */ (0, _jsxruntime.jsx)(me, _object_spread({}, t)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         className: _dialogcssmistica.wrapper,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
@@ -360,14 +361,14 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                                 className: _dialogcssmistica.modalCloseButtonContainer,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
                                     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: _iconcloseregular.default
                                 })
                             }),
-                            /* @__PURE__ */ (0, _jsxruntime.jsx)(de, _object_spread_props(_object_spread({}, I), {
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)(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/feedback.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     ErrorFeedbackScreen: function() {
-        return We;
+        return _e;
     },
     FeedbackScreen: function() {
         return F;
     },
     InfoFeedbackScreen: function() {
-        return _e;
+        return qe;
     },
     SuccessFeedback: function() {
-        return qe;
+        return we;
     },
     SuccessFeedbackScreen: function() {
-        return Re;
+        return We;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -41,7 +41,7 @@ const _platform = require("./utils/platform.js");
 const _text = require("./text.js");
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _boxed = require("./boxed.js");
-const _responsivelayout = /*#__PURE__*/ _interop_require_default(require("./responsive-layout.js"));
+const _responsivelayout = /*#__PURE__*/ _interop_require_wildcard(require("./responsive-layout.js"));
 const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _buttongroup = /*#__PURE__*/ _interop_require_default(require("./button-group.js"));
@@ -173,26 +173,26 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
+const R = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
     let { primaryButton: o, secondaryButton: r } = param;
     return !!o || !!r;
-}, T = (o)=>{
+}, B = (o)=>{
     (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(o).catch(()=>{});
 }, E = (o)=>{
     _react.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__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
-        children: t.map((a, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
-                children: a
+        children: t.map((s, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
+                children: s
             }, m))
     }) : t;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
@@ -229,7 +229,7 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             })
         ]
     });
-}, W = (o, r)=>{
+}, _ = (o, r)=>{
     const t = D(r);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: {
@@ -241,7 +241,7 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, r))
         ]
     });
-}, _ = (param)=>{
+}, q = (param)=>{
     let { isInverse: o, body: r, imageFit: t, imageUrl: c, dataAttributes: n } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         borderRadius: _skincontractcssmistica.vars.borderRadii.legacyDisplay,
@@ -276,54 +276,60 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             ]
         })
     });
-}, pe = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
+}, be = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
         topColor: _skincontractcssmistica.vars.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 } = (0, _hooks.useTheme)(), { isTabletOrSmaller: j } = (0, _hooks.useScreenSize)(), H = D({
+    const { platformOverrides: w, isDarkMode: L } = (0, _hooks.useTheme)(), { isTabletOrSmaller: j } = (0, _hooks.useScreenSize)(), 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__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             position: "relative"
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_responsivelayout.default, {
             children: [
-                s && /* @__PURE__ */ (0, _jsxruntime.jsx)(pe, {}),
+                a && /* @__PURE__ */ (0, _jsxruntime.jsx)(be, {}),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: _({
-                        isInverse: s,
-                        body: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonfixedfooterlayout.default, {
-                            isFooterVisible: H,
-                            button: n,
-                            secondaryButton: i,
-                            link: a,
-                            footerBgColor: s && !w ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
-                            containerBgColor: s ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                className: _feedbackcssmistica.container,
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                    className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
-                                        [_feedbackcssmistica.innerContainerWithButtons]: n || i || a
-                                    }),
-                                    children: I
+                    children: q({
+                        isInverse: a,
+                        body: // doesn't expand when nested in mobile. This can cause double margin when footer is not fixed
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.ResetResponsiveLayout, {
+                            skipDesktop: !0,
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonfixedfooterlayout.default, {
+                                isFooterVisible: H,
+                                button: n,
+                                secondaryButton: i,
+                                link: s,
+                                footerBgColor: a && !L ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
+                                containerBgColor: a ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                        className: _feedbackcssmistica.container,
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                            className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
+                                                [_feedbackcssmistica.innerContainerWithButtons]: n || i || s
+                                            }),
+                                            children: I
+                                        })
+                                    })
                                 })
                             })
                         }),
@@ -335,7 +341,7 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             ]
         })
     });
-}, Re = (_param)=>{
+}, We = (_param)=>{
     var { dataAttributes: o } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -357,7 +363,7 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(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",
@@ -384,7 +390,7 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             ]
         })
     }));
-}, _e = (_param)=>{
+}, qe = (_param)=>{
     var { dataAttributes: o, Icon: r = _iconinfo.default } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
@@ -397,13 +403,13 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(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 } = (0, _hooks.useTheme)(), g = R({
-        icon: s === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
+    const { skinName: a, platformOverrides: h } = (0, _hooks.useTheme)(), g = W({
+        icon: a === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
             size: "100%"
-        }) : s === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
+        }) : a === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
             size: "100%"
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
             size: "100%"
@@ -411,12 +417,12 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(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__ */ (0, _jsxruntime.jsx)("div", {
             className: _feedbackcssmistica.backgroundBrand,
@@ -436,10 +442,10 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
                 })
             })
         }),
-        imageFit: f,
+        imageFit: k,
         imageUrl: m,
         dataAttributes: _object_spread({
             "component-name": "SuccessFeedback"
-        }, k)
+        }, f)
     });
 };

package/dist/inline.css-mistica.js

@@ -10,31 +10,34 @@ function _export(target, all) {
 }
 _export(exports, {
     fullWidth: function() {
-        return k;
+        return v;
     },
     inline: function() {
-        return a;
+        return k;
     },
     marginInline: function() {
-        return n;
+        return r;
     },
     noFullWidth: function() {
-        return r;
+        return n;
     },
     stringSpace: function() {
         return b;
     },
-    vars: function() {
+    stringSpaceWithWrap: function() {
         return e;
     },
-    wrap: function() {
+    vars: function() {
         return f;
+    },
+    wrap: function() {
+        return i;
     }
 });
 require("./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";
+}, i = "kkfbnv7";

package/dist/inline.css.d.ts

@@ -10,3 +10,4 @@ export declare const fullWidth: string;
 export declare const wrap: string;
 export declare const noFullWidth: string;
 export declare const stringSpace: string;
+export declare const stringSpaceWithWrap: string;

package/dist/inline.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return P;
+        return q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -116,7 +116,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, A = (t)=>{
+const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, D = (t)=>{
     if (typeof t == "number" || typeof t == "string") return {
         [_inlinecssmistica.vars.space]: i(t)
     };
@@ -125,25 +125,25 @@ const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, A = (t)=>{
         [_inlinecssmistica.vars.spaceDesktop]: i(t.desktop)
     };
     return t.tablet && (e[_inlinecssmistica.vars.spaceTablet] = i(t.tablet)), e;
-}, C = (param)=>{
-    let { space: t, className: e, children: a, role: o, alignItems: m = "stretch", "aria-labelledby": p, fullWidth: f, wrap: c, dataAttributes: d } = param;
-    const { platformOverrides: l } = (0, _hooks.useTheme)(), u = typeof t == "string";
+}, R = (param)=>{
+    let { space: t, className: e, children: m, role: o, alignItems: p = "stretch", "aria-labelledby": f, fullWidth: c, wrap: l, dataAttributes: d } = param;
+    const { platformOverrides: s } = (0, _hooks.useTheme)(), u = typeof t == "string";
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(e, _inlinecssmistica.inline, (0, _sprinklescssmistica.sprinkles)({
-            alignItems: m
-        }), c ? _inlinecssmistica.wrap : f ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, u ? _inlinecssmistica.stringSpace : _inlinecssmistica.marginInline),
-        style: (0, _css.applyCssVars)(A(t)),
+            alignItems: p
+        }), l ? _inlinecssmistica.wrap : c ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, u ? l ? _inlinecssmistica.stringSpaceWithWrap : _inlinecssmistica.stringSpace : _inlinecssmistica.marginInline),
+        style: (0, _css.applyCssVars)(D(t)),
         role: o,
-        "aria-labelledby": p
+        "aria-labelledby": f
     }, (0, _dom.getPrefixedDataAttributes)(d, "Inline")), {
-        children: _react.Children.map(a, (n)=>n || n === 0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        children: _react.Children.map(m, (n)=>n || n === 0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 role: o === "list" ? "listitem" : void 0,
                 style: {
                     // Hack to fix https://jira.tid.es/browse/WEB-1683
                     // In iOS the inline component sometimes cuts the last line of the content
-                    paddingBottom: (0, _platform.isIos)(l) && !(0, _platform.isRunningAcceptanceTest)(l) ? 1 : void 0
+                    paddingBottom: (0, _platform.isIos)(s) && !(0, _platform.isRunningAcceptanceTest)(s) ? 1 : void 0
                 },
                 children: n
             }) : null)
     }));
-}, P = C;
+}, q = R;

package/dist/logo-blau.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { LogoImageProps } from './logo-common';
+declare const BlauLogoImage: ({ size, type, isDarkMode, isInverse }: LogoImageProps) => JSX.Element;
+export default BlauLogoImage;