@telefonica/mistica 16.52.0 → 16.54.0

package/dist-es/feedback.js

@@ -80,35 +80,35 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import * as M from "react";
-import { useTheme as I, useScreenSize as y } from "./hooks.js";
+import { useTheme as g, useScreenSize as A } from "./hooks.js";
 import $ from "./button-fixed-footer-layout.js";
-import { VIVO_SKIN as z, VIVO_NEW_SKIN as C } from "./skins/constants.js";
+import { VIVO_SKIN as C, VIVO_NEW_SKIN as y } from "./skins/constants.js";
 import { useSetOverscrollColor as G } from "./overscroll-color-context.js";
-import O from "./icons/icon-success.js";
-import R from "./icons/icon-success-vivo.js";
+import z from "./icons/icon-success.js";
+import O from "./icons/icon-success-vivo.js";
 import U from "./icons/icon-error.js";
 import X from "./icons/icon-info.js";
 import { isWebViewBridgeAvailable as J, requestVibration as P } from "@tef-novum/webview-bridge";
 import { isRunningAcceptanceTest as Q } from "./utils/platform.js";
 import { Text2 as Y, Text6 as Z, Text3 as ee } from "./text.js";
-import h from "./box.js";
+import R from "./box.js";
 import { InternalBoxed as re } from "./boxed.js";
-import T, { ResetResponsiveLayout as te } from "./responsive-layout.js";
+import x, { ResetResponsiveLayout as te } from "./responsive-layout.js";
 import u from "./stack.js";
 import m from "classnames";
 import oe from "./button-group.js";
 import { vars as n } from "./skins/skin-contract.css-mistica.js";
-import { container as se, innerContainer as ae, innerContainerWithButtons as ce, assetContainer as ne, feedbackTextAppearFast as ie, feedbackTextAppearMedium as V, feedbackTextAppearSlow as de, feedbackData as le, desktopContainer as me, desktopContent as ue, desktopImage as be, backgroundBrand as pe } from "./feedback.css-mistica.js";
+import { container as se, innerContainer as ae, innerContainerWithButtons as ce, assetContainer as ne, feedbackTextAppearFast as ie, feedbackTextAppearMedium as T, feedbackTextAppearSlow as de, feedbackData as le, desktopContainer as me, desktopContent as ue, desktopImage as be, backgroundBrand as pe, successFeedbackContainer as ke } from "./feedback.css-mistica.js";
 import D from "./icons/icon-success-vivo-new.js";
 const E = (r)=>!Q(r), W = (param)=>{
     let { primaryButton: r, secondaryButton: t } = param;
     return !!r || !!t;
-}, A = (r)=>{
+}, V = (r)=>{
     J() && P(r).catch(()=>{});
 }, _ = (r)=>{
     M.useEffect(()=>{
         let t;
-        return r === "success" && (t = setTimeout(()=>A("success"), 700)), r === "error" && (t = setTimeout(()=>A("error"), 1e3)), ()=>{
+        return r === "success" && (t = setTimeout(()=>V("success"), 700)), r === "error" && (t = setTimeout(()=>V("error"), 1e3)), ()=>{
             clearTimeout(t);
         };
     }, [
@@ -143,7 +143,7 @@ const E = (r)=>!Q(r), W = (param)=>{
                         })
                     }),
                     c && /* @__PURE__ */ e("div", {
-                        className: m(a && V),
+                        className: m(a && T),
                         "data-testid": "description",
                         children: c && /* @__PURE__ */ e(ee, {
                             regular: !0,
@@ -152,7 +152,7 @@ const E = (r)=>!Q(r), W = (param)=>{
                         })
                     }),
                     s && /* @__PURE__ */ e("div", {
-                        className: m(a && (c ? de : V)),
+                        className: m(a && (c ? de : T)),
                         "data-testid": "slot",
                         children: s
                     })
@@ -164,7 +164,7 @@ const E = (r)=>!Q(r), W = (param)=>{
     const o = W(t);
     return /* @__PURE__ */ i(u, {
         space: {
-            desktop: 40,
+            desktop: 32,
             mobile: 24
         },
         children: [
@@ -184,14 +184,7 @@ const E = (r)=>!Q(r), W = (param)=>{
             children: [
                 /* @__PURE__ */ e("div", {
                     className: ue,
-                    children: /* @__PURE__ */ e(h, {
-                        padding: {
-                            desktop: 64,
-                            mobile: 0
-                        },
-                        paddingTop: 0,
-                        children: t
-                    })
+                    children: t
                 }),
                 s && /* @__PURE__ */ e("div", {
                     className: be,
@@ -208,13 +201,13 @@ const E = (r)=>!Q(r), W = (param)=>{
             ]
         })
     });
-}, ke = ()=>(G({
+}, fe = ()=>(G({
         topColor: n.colors.backgroundBrandTop,
         bottomColor: "transparent"
-    }), null), B = (param)=>{
-    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: a, link: c, hapticFeedback: d, asset: l, animateText: S = !1, isInverse: b = !1, variant: F = "default", unstable_inlineInDesktop: p, imageUrl: x, imageFit: g, dataAttributes: v } = param;
+    }), null), I = (param)=>{
+    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: a, link: c, hapticFeedback: d, asset: l, animateText: h = !1, isInverse: b = !1, variant: S = "default", unstable_inlineInDesktop: p, imageUrl: B, imageFit: F, dataAttributes: v } = param;
     _(d);
-    const { platformOverrides: k, isDarkMode: j } = I(), { isTabletOrSmaller: H } = y(), K = W({
+    const { platformOverrides: k, isDarkMode: j } = g(), { isTabletOrSmaller: H } = A(), K = W({
         primaryButton: s,
         secondaryButton: a
     }), N = q({
@@ -222,21 +215,21 @@ const E = (r)=>!Q(r), W = (param)=>{
         title: r,
         description: t,
         extra: o
-    }, S && E(k));
+    }, h && E(k));
     if (!H && p) return w(N, {
         primaryButton: s,
         secondaryButton: a,
         link: c
     });
-    const f = F === "brand" || b;
+    const f = S === "brand" || b;
     return /* @__PURE__ */ e("div", {
         style: {
             position: "relative"
         },
-        children: /* @__PURE__ */ i(T, {
+        children: /* @__PURE__ */ i(x, {
             children: [
-                f && /* @__PURE__ */ e(ke, {}),
-                /* @__PURE__ */ e(h, {
+                f && /* @__PURE__ */ e(fe, {}),
+                /* @__PURE__ */ e(R, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
@@ -254,7 +247,7 @@ const E = (r)=>!Q(r), W = (param)=>{
                                 link: c,
                                 footerBgColor: f && !j ? n.colors.backgroundBrandBottom : void 0,
                                 containerBgColor: f ? n.colors.backgroundBrand : n.colors.background,
-                                children: /* @__PURE__ */ e(T, {
+                                children: /* @__PURE__ */ e(x, {
                                     children: /* @__PURE__ */ e("div", {
                                         className: se,
                                         children: /* @__PURE__ */ e("div", {
@@ -267,27 +260,27 @@ const E = (r)=>!Q(r), W = (param)=>{
                                 })
                             })
                         }),
-                        imageFit: g,
-                        imageUrl: x,
+                        imageFit: F,
+                        imageUrl: B,
                         dataAttributes: v
                     })
                 })
             ]
         })
     });
-}, _e = (_param)=>{
+}, qe = (_param)=>{
     var { dataAttributes: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    const { isTabletOrSmaller: o } = y(), { skinName: s, themeVariants: a } = I();
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({}, t), {
+    const { isTabletOrSmaller: o } = A(), { skinName: s, themeVariants: a } = g();
+    return /* @__PURE__ */ e(I, _object_spread_props(_object_spread({}, t), {
         variant: (a.successFeedback === "brand" || a.successFeedback === "inverse") && (!t.unstable_inlineInDesktop || o) ? "brand" : "default",
         hapticFeedback: "success",
-        asset: s === z ? /* @__PURE__ */ e(R, {
+        asset: s === C ? /* @__PURE__ */ e(O, {
             size: "100%"
-        }) : s === C ? /* @__PURE__ */ e(D, {
+        }) : s === y ? /* @__PURE__ */ e(D, {
             size: "100%"
-        }) : /* @__PURE__ */ e(O, {
+        }) : /* @__PURE__ */ e(z, {
             size: "100%"
         }),
         animateText: !0,
@@ -298,12 +291,12 @@ const E = (r)=>!Q(r), W = (param)=>{
             testid: "SuccessFeedbackScreen"
         }, r)
     }));
-}, qe = (_param)=>{
+}, we = (_param)=>{
     var { errorReference: r, dataAttributes: t } = _param, o = _object_without_properties(_param, [
         "errorReference",
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ e(I, _object_spread_props(_object_spread({}, o), {
         hapticFeedback: "error",
         asset: /* @__PURE__ */ e(U, {
             size: "100%"
@@ -325,12 +318,12 @@ const E = (r)=>!Q(r), W = (param)=>{
             ]
         })
     }));
-}, we = (_param)=>{
+}, Le = (_param)=>{
     var { dataAttributes: r, Icon: t = X } = _param, o = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread({
+    return /* @__PURE__ */ e(I, _object_spread({
         dataAttributes: _object_spread({
             "component-name": "InfoFeedbackScreen",
             testid: "InfoFeedbackScreen"
@@ -340,21 +333,21 @@ const E = (r)=>!Q(r), W = (param)=>{
             color: n.colors.brand
         })
     }, o));
-}, Le = (param)=>{
-    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: a, link: c, imageUrl: d, imageFit: l, dataAttributes: S } = param;
+}, je = (param)=>{
+    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: a, link: c, imageUrl: d, imageFit: l, dataAttributes: h } = param;
     _("success");
-    const { skinName: b, platformOverrides: F, themeVariants: p } = I(), g = q({
-        asset: b === z ? /* @__PURE__ */ e(R, {
+    const { skinName: b, platformOverrides: S, themeVariants: p } = g(), F = q({
+        asset: b === C ? /* @__PURE__ */ e(O, {
             size: "100%"
-        }) : b === C ? /* @__PURE__ */ e(D, {
+        }) : b === y ? /* @__PURE__ */ e(D, {
             size: "100%"
-        }) : /* @__PURE__ */ e(O, {
+        }) : /* @__PURE__ */ e(z, {
             size: "100%"
         }),
         title: r,
         description: t,
         extra: o
-    }, E(F)), v = w(g, {
+    }, E(S)), v = w(F, {
         primaryButton: s,
         secondaryButton: a,
         link: c
@@ -363,18 +356,18 @@ const E = (r)=>!Q(r), W = (param)=>{
         isBrandVariant: k,
         body: /* @__PURE__ */ e("div", {
             className: k ? pe : void 0,
-            children: /* @__PURE__ */ e(h, {
+            children: /* @__PURE__ */ e(R, {
                 paddingX: {
                     mobile: 16,
                     tablet: 24,
                     desktop: 0
                 },
-                children: /* @__PURE__ */ e(h, {
-                    paddingBottom: {
-                        desktop: 0,
-                        mobile: 48
-                    },
-                    paddingTop: 64,
+                paddingBottom: {
+                    desktop: 0,
+                    mobile: 48
+                },
+                children: /* @__PURE__ */ e("div", {
+                    className: ke,
                     children: v
                 })
             })
@@ -384,7 +377,7 @@ const E = (r)=>!Q(r), W = (param)=>{
         dataAttributes: _object_spread({
             "component-name": "SuccessFeedback",
             testid: "SuccessFeedback"
-        }, S)
+        }, h)
     });
 };
-export { qe as ErrorFeedbackScreen, B as FeedbackScreen, we as InfoFeedbackScreen, Le as SuccessFeedback, _e as SuccessFeedbackScreen };
+export { we as ErrorFeedbackScreen, I as FeedbackScreen, Le as InfoFeedbackScreen, je as SuccessFeedback, qe as SuccessFeedbackScreen };

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

@@ -0,0 +1,8 @@
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var y = "v16_54_1isvxjy0", a = "v16_54_1isvxjy9 v16_54_1isvxjy2 v16_54_1isvxjy1 v16_54_1y2v1nfiy v16_54_1y2v1nfk7 v16_54_1y2v1nfgj v16_54_1y2v1nfhs v16_54_1y2v1nfsu", n = {
+    default: "v16_54_1isvxjya",
+    alternative: "v16_54_1isvxjyb",
+    brand: "v16_54_1isvxjyc",
+    negative: "v16_54_1isvxjyd",
+    media: "v16_54_1isvxjye"
+}, s = "v16_54_1isvxjyf", t = "v16_54_1isvxjyh", o = "v16_54_1isvxjyi", j = "v16_54_1isvxjyk v16_54_1isvxjyj v16_54_1y2v1nfq2 v16_54_1y2v1nfqb";
+export { t as assetScaleActive, j as centeredButton, y as disabled, s as dropZoneActive, o as dropZoneButton, a as dropZoneContainerBase, n as dropZoneVariant };