@telefonica/mistica 16.71.0 → 16.72.0

package/dist/feedback.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     get ErrorFeedbackScreen () {
-        return we;
+        return Le;
     },
     get FeedbackScreen () {
-        return I;
+        return B;
     },
     get InfoFeedbackScreen () {
-        return Le;
+        return _e;
     },
     get SuccessFeedback () {
-        return je;
+        return qe;
     },
     get SuccessFeedbackScreen () {
-        return qe;
+        return Ee;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -33,7 +33,6 @@ const _buttonfixedfooterlayout = /*#__PURE__*/ _interop_require_default(require(
 const _constants = require("./skins/constants.js");
 const _overscrollcolorcontext = require("./overscroll-color-context.js");
 const _iconsuccess = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success.js"));
-const _iconsuccessvivo = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success-vivo.js"));
 const _iconerror = /*#__PURE__*/ _interop_require_default(require("./icons/icon-error.js"));
 const _iconinfo = /*#__PURE__*/ _interop_require_default(require("./icons/icon-info.js"));
 const _webviewbridge = require("@tef-novum/webview-bridge");
@@ -173,12 +172,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
+const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
     let { primaryButton: r, secondaryButton: t } = param;
     return !!r || !!t;
 }, V = (r)=>{
     (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(r).catch(()=>{});
-}, _ = (r)=>{
+}, L = (r)=>{
     _react.useEffect(()=>{
         let t;
         return r === "success" && (t = setTimeout(()=>V("success"), 700)), r === "error" && (t = setTimeout(()=>V("error"), 1e3)), ()=>{
@@ -187,8 +186,8 @@ const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
     }, [
         r
     ]);
-}, q = (param, a)=>{
-    let { asset: r, title: t, description: o, extra: s } = param;
+}, _ = (param, a)=>{
+    let { asset: r, title: t, description: o, slot: s } = param;
     const c = o && Array.isArray(o) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
         children: o.map((d, l)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
@@ -233,8 +232,8 @@ const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
             })
         ]
     });
-}, w = (r, t)=>{
-    const o = W(t);
+}, q = (r, t)=>{
+    const o = E(t);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: {
             desktop: 32,
@@ -245,10 +244,10 @@ const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
             o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, t))
         ]
     });
-}, L = (param)=>{
+}, w = (param)=>{
     let { isBrandVariant: r, body: t, imageFit: o, imageUrl: s, dataAttributes: a } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
-        borderRadius: _skincontractcssmistica.vars.borderRadii.legacyDisplay,
+        borderRadius: _skincontractcssmistica.vars.borderRadii.container,
         desktopOnly: !0,
         variant: r ? "brand" : "default",
         dataAttributes: a,
@@ -274,50 +273,50 @@ const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
             ]
         })
     });
-}, fe = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
+}, pe = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
         topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop,
         bottomColor: "transparent"
-    }), 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 } = (0, _hooks.useTheme)(), { isTabletOrSmaller: H } = (0, _hooks.useScreenSize)(), K = W({
+    }), 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 } = (0, _hooks.useTheme)(), { isTabletOrSmaller: W } = (0, _hooks.useScreenSize)(), j = E({
         primaryButton: s,
         secondaryButton: a
-    }), N = q({
+    }), N = _({
         asset: l,
         title: r,
         description: t,
-        extra: o
-    }, h && E(k));
-    if (!H && p) return w(N, {
+        slot: o
+    }, h && D(S));
+    if (!W && v) return q(N, {
         primaryButton: s,
         secondaryButton: a,
         link: c
     });
-    const f = S === "brand" || b;
+    const f = b === "brand";
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             position: "relative"
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_responsivelayout.default, {
             children: [
-                f && /* @__PURE__ */ (0, _jsxruntime.jsx)(fe, {}),
+                f && /* @__PURE__ */ (0, _jsxruntime.jsx)(pe, {}),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: L({
+                    children: w({
                         isBrandVariant: f,
                         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: K,
+                                isFooterVisible: j,
                                 button: s,
                                 secondaryButton: a,
                                 link: c,
-                                footerBgColor: f && !j ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
+                                footerBgColor: f && !k ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
                                 containerBgColor: f ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -332,25 +331,23 @@ const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
                                 })
                             })
                         }),
-                        imageFit: F,
-                        imageUrl: B,
-                        dataAttributes: v
+                        imageFit: I,
+                        imageUrl: p,
+                        dataAttributes: F
                     })
                 })
             ]
         })
     });
-}, qe = (_param)=>{
+}, Ee = (_param)=>{
     var { dataAttributes: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     const { isTabletOrSmaller: o } = (0, _hooks.useScreenSize)(), { skinName: s, themeVariants: a } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, t), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread_props(_object_spread({}, t), {
         variant: (a.successFeedback === "brand" || a.successFeedback === "inverse") && (!t.unstable_inlineInDesktop || o) ? "brand" : "default",
         hapticFeedback: "success",
-        asset: s === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
-            size: "100%"
-        }) : s === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
+        asset: s === _constants.VIVO_SKIN || s === _constants.VIVO_EVOLUTION_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
             size: "100%"
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
             size: "100%"
@@ -359,29 +356,27 @@ const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
         imageUrl: t.imageUrl,
         imageFit: t.imageFit,
         dataAttributes: _object_spread({
-            "component-name": "SuccessFeedbackScreen",
             testid: "SuccessFeedbackScreen"
         }, r)
     }));
-}, we = (_param)=>{
+}, Le = (_param)=>{
     var { errorReference: r, dataAttributes: t } = _param, o = _object_without_properties(_param, [
         "errorReference",
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread_props(_object_spread({}, o), {
         hapticFeedback: "error",
         asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconerror.default, {
             size: "100%"
         }),
         animateText: !0,
         dataAttributes: _object_spread({
-            "component-name": "ErrorFeedbackScreen",
             testid: "ErrorFeedbackScreen"
         }, t),
-        extra: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+        slot: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
             space: 16,
             children: [
-                o.extra,
+                o.slot,
                 r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     color: _skincontractcssmistica.vars.colors.textSecondary,
                     regular: !0,
@@ -390,14 +385,13 @@ const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
             ]
         })
     }));
-}, Le = (_param)=>{
+}, _e = (_param)=>{
     var { dataAttributes: r, Icon: t = _iconinfo.default } = _param, o = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread({
         dataAttributes: _object_spread({
-            "component-name": "InfoFeedbackScreen",
             testid: "InfoFeedbackScreen"
         }, r),
         asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(t, {
@@ -405,26 +399,24 @@ const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
             color: _skincontractcssmistica.vars.colors.brand
         })
     }, o));
-}, 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: S, themeVariants: p } = (0, _hooks.useTheme)(), F = q({
-        asset: b === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
-            size: "100%"
-        }) : b === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
+}, 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 } = (0, _hooks.useTheme)(), F = _({
+        asset: b === _constants.VIVO_SKIN || b === _constants.VIVO_EVOLUTION_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
             size: "100%"
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
             size: "100%"
         }),
         title: r,
         description: t,
-        extra: o
-    }, E(S)), v = w(F, {
+        slot: o
+    }, D(v)), S = q(F, {
         primaryButton: s,
         secondaryButton: a,
         link: c
     }), k = p.successFeedback === "inverse" || p.successFeedback === "brand";
-    return L({
+    return w({
         isBrandVariant: k,
         body: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: k ? _feedbackcssmistica.backgroundBrand : void 0,
@@ -440,14 +432,13 @@ const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _feedbackcssmistica.successFeedbackContainer,
-                    children: v
+                    children: S
                 })
             })
         }),
         imageFit: l,
         imageUrl: d,
         dataAttributes: _object_spread({
-            "component-name": "SuccessFeedback",
             testid: "SuccessFeedback"
         }, h)
     });

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

@@ -31,10 +31,10 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v16_71_1isvxjy0", y = "v16_71_1isvxjy9 v16_71_1isvxjy2 v16_71_1isvxjy1 v16_71_1y2v1nfj0 v16_71_1y2v1nfk9 v16_71_1y2v1nfgl v16_71_1y2v1nfhu v16_71_1y2v1nfsw", n = {
-    default: "v16_71_1isvxjya",
-    alternative: "v16_71_1isvxjyb",
-    brand: "v16_71_1isvxjyc",
-    negative: "v16_71_1isvxjyd",
-    media: "v16_71_1isvxjye"
-}, t = "v16_71_1isvxjyf", s = "v16_71_1isvxjyh", o = "v16_71_1isvxjyi", j = "v16_71_1isvxjyk v16_71_1isvxjyj v16_71_1y2v1nfq4 v16_71_1y2v1nfqd";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v16_72_1isvxjy0", y = "v16_72_1isvxjy9 v16_72_1isvxjy2 v16_72_1isvxjy1 v16_72_1y2v1nfj0 v16_72_1y2v1nfk9 v16_72_1y2v1nfgl v16_72_1y2v1nfhu v16_72_1y2v1nfsw", n = {
+    default: "v16_72_1isvxjya",
+    alternative: "v16_72_1isvxjyb",
+    brand: "v16_72_1isvxjyc",
+    negative: "v16_72_1isvxjyd",
+    media: "v16_72_1isvxjye"
+}, t = "v16_72_1isvxjyf", s = "v16_72_1isvxjyh", o = "v16_72_1isvxjyi", j = "v16_72_1isvxjyk v16_72_1isvxjyj v16_72_1y2v1nfq4 v16_72_1y2v1nfqd";

package/dist/file-upload.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get FileItem () {
-        return Se;
+        return Ue;
     },
     get default () {
-        return ft;
+        return mt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -148,7 +148,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const Ue = (param)=>{
+const ye = (param)=>{
     let { file: t } = param;
     var _t_name_split_pop;
     if (t.type.startsWith("image/")) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
@@ -175,20 +175,20 @@ const Ue = (param)=>{
         avi: _iconfileaviregular.default,
         mp3: _iconfilemp3regular.default,
         wav: _iconfilemusicregular.default
-    }, f = ((_t_name_split_pop = t.name.split(".").pop()) === null || _t_name_split_pop === void 0 ? void 0 : _t_name_split_pop.toLowerCase()) || "", u = s[f] || _iconclipregular.default;
+    }, m = ((_t_name_split_pop = t.name.split(".").pop()) === null || _t_name_split_pop === void 0 ? void 0 : _t_name_split_pop.toLowerCase()) || "", u = s[m] || _iconclipregular.default;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(u, {});
-}, ye = (t, s)=>t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${Math.round(t / 1024).toLocaleString(s)} KB` : `${(t / (1024 * 1024)).toLocaleString(s, {
+}, Be = (t, s)=>t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${Math.round(t / 1024).toLocaleString(s)} KB` : `${(t / (1024 * 1024)).toLocaleString(s, {
         minimumFractionDigits: 0,
         maximumFractionDigits: 2
     })} MB`, z = (t, s)=>{
     if (t) if (s && s.length > 0) t.files = s;
     else {
-        const f = new DataTransfer();
-        t.value = "", t.files = f.files;
+        const m = new DataTransfer();
+        t.value = "", t.files = m.files;
     }
-}, Be = (param)=>{
-    let { id: t, name: s, accept: f, capture: u, multiple: x, disabled: l = !1, errorText: d, allowAppend: R = !1, files: y, defaultFiles: B = null, onFilesChange: M } = param;
-    const j = _react.useId(), b = t || j, S = `${b}-error-text`, [k, D] = _react.useState(B), [g, P] = _react.useState(!1), h = _react.useRef(null), F = _react.useRef(0), T = typeof y < "u", i = T ? y : k, m = (e)=>{
+}, Se = (param)=>{
+    let { id: t, name: s, accept: m, capture: u, multiple: x, disabled: l = !1, errorText: d, allowAppend: R = !1, files: B, defaultFiles: S = null, onFilesChange: M } = param;
+    const j = _react.useId(), b = t || j, U = `${b}-error-text`, [k, D] = _react.useState(S), [g, P] = _react.useState(!1), h = _react.useRef(null), F = _react.useRef(0), T = typeof B < "u", i = T ? B : k, f = (e)=>{
         T || D(e), M === null || M === void 0 ? void 0 : M(e), z(h.current, e);
     }, Z = (e)=>{
         if (l) return;
@@ -203,8 +203,8 @@ const Ue = (param)=>{
                 const c = r.item(o);
                 c && n.items.add(c);
             }
-            m(n.files);
-        } else m(r);
+            f(n.files);
+        } else f(r);
     }, E = (e)=>{
         l || (e.preventDefault(), e.stopPropagation(), F.current++, e.dataTransfer.items && e.dataTransfer.items.length > 0 && P(!0));
     }, A = (e)=>{
@@ -226,8 +226,8 @@ const Ue = (param)=>{
                     const c = r.item(o);
                     c && n.items.add(c);
                 }
-                m(n.files);
-            } else !x && r.length > 1 ? (n.items.add(r[0]), m(n.files)) : m(r);
+                f(n.files);
+            } else !x && r.length > 1 ? (n.items.add(r[0]), f(n.files)) : f(r);
         }
     }, N = (e)=>{
         if (l) return;
@@ -237,9 +237,9 @@ const Ue = (param)=>{
                 const o = i.item(n);
                 o && o !== e && r.items.add(o);
             }
-            m(r.files);
+            f(r.files);
         }
-    }, U = ()=>{
+    }, y = ()=>{
         var _h_current;
         l || ((_h_current = h.current) === null || _h_current === void 0 ? void 0 : _h_current.click());
     }, p = (e)=>{
@@ -249,7 +249,7 @@ const Ue = (param)=>{
             const n = r.closest('button, a, input, select, textarea, [role="button"]');
             if (n && n !== e.currentTarget) return;
         }
-        U();
+        y();
     };
     return _react.useEffect(()=>{
         z(h.current, i !== null && i !== void 0 ? i : null);
@@ -258,18 +258,18 @@ const Ue = (param)=>{
     ]), {
         id: b,
         files: i,
-        setFiles: m,
+        setFiles: f,
         inputProps: {
             ref: h,
             type: "file",
             id: b,
             name: s,
-            accept: f,
+            accept: m,
             capture: u,
             multiple: x,
             disabled: l,
             onChange: Z,
-            "aria-describedby": d ? S : void 0,
+            "aria-describedby": d ? U : void 0,
             "aria-invalid": !!d
         },
         dropZoneProps: {
@@ -280,43 +280,42 @@ const Ue = (param)=>{
             onClick: p
         },
         isDragActive: g,
-        openFileDialog: U,
+        openFileDialog: y,
         removeFile: N,
-        errorTextId: S
+        errorTextId: U
     };
-}, Se = (param)=>{
-    let { file: t, onRemove: s, removeLabel: f } = param;
+}, Ue = (param)=>{
+    let { file: t, onRemove: s, removeLabel: m } = param;
     const { i18n: u, t: x, texts: l } = (0, _hooks.useTheme)();
     var _ref;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.BoxedRow, {
         title: t.name,
-        asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(Ue, {
+        asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(ye, {
             file: t
         }),
-        detail: ye(t.size, u.locale),
+        detail: Be(t.size, u.locale),
         iconButton: {
             type: "neutral",
             Icon: _iconcloseregular.default,
             small: !0,
             onPress: ()=>s(t),
-            "aria-label": (_ref = f !== null && f !== void 0 ? f : l.fileUploadRemoveFile) !== null && _ref !== void 0 ? _ref : x(_texttokens.fileUploadRemoveFile, t.name)
+            "aria-label": (_ref = m !== null && m !== void 0 ? m : l.fileUploadRemoveFile) !== null && _ref !== void 0 ? _ref : x(_texttokens.fileUploadRemoveFile, t.name)
         }
     });
-}, ft = (t)=>{
-    const { id: s, name: f, accept: u, capture: x, multiple: l, disabled: d = !1, errorText: R, allowAppend: y = !1, dataAttributes: B } = t, { texts: M, t: j } = (0, _hooks.useTheme)(), b = (0, _themevariantcontext.useThemeVariant)(), { ref: S, text: k } = (0, _hooks.useInnerText)(), { id: D, files: g, setFiles: P, inputProps: h, dropZoneProps: F, isDragActive: T, openFileDialog: i, removeFile: m, errorTextId: Z } = Be({
+}, mt = (t)=>{
+    const { id: s, name: m, accept: u, capture: x, multiple: l, disabled: d = !1, errorText: R, allowAppend: B = !1, dataAttributes: S } = t, { texts: M, t: j } = (0, _hooks.useTheme)(), b = (0, _themevariantcontext.useThemeVariant)(), { ref: U, text: k } = (0, _hooks.useInnerText)(), { id: D, files: g, setFiles: P, inputProps: h, dropZoneProps: F, isDragActive: T, openFileDialog: i, removeFile: f, errorTextId: Z } = Se({
         id: s,
-        name: f,
+        name: m,
         accept: u,
         capture: x,
         multiple: l,
         disabled: d,
         errorText: R,
-        allowAppend: y
+        allowAppend: B
     });
     if (t.render) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(_object_spread({
-        "component-name": "FileUpload",
         testid: "FileUpload"
-    }, B))), {
+    }, S))), {
         children: [
             t.render({
                 id: D,
@@ -325,7 +324,7 @@ const Ue = (param)=>{
                 dropZoneProps: F,
                 isDragActive: T,
                 openFileDialog: i,
-                removeFile: m,
+                removeFile: f,
                 errorTextId: Z,
                 disabled: d
             }),
@@ -336,7 +335,7 @@ const Ue = (param)=>{
             }, h))
         ]
     }));
-    const { asset: E, title: A, description: L, slot: w, renderButton: N, renderFiles: U, withDropZone: p = !1 } = t, e = p && !d ? F : {}, r = L ? `${D}-dropzone-description` : void 0, n = w ? `${D}-dropzone-slot` : void 0, o = (0, _classnames.default)({
+    const { asset: E, title: A, description: L, slot: w, renderButton: N, renderFiles: y, withDropZone: p = !1 } = t, e = p && !d ? F : {}, r = L ? `${D}-dropzone-description` : void 0, n = w ? `${D}-dropzone-slot` : void 0, o = (0, _classnames.default)({
         [_fileuploadcssmistica.disabled]: d,
         [_fileuploadcssmistica.dropZoneContainerBase]: p,
         [_fileuploadcssmistica.dropZoneVariant[b]]: p,
@@ -346,9 +345,8 @@ const Ue = (param)=>{
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 16,
         dataAttributes: _object_spread({
-            "component-name": "FileUpload",
             testid: "FileUpload"
-        }, B),
+        }, S),
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                 space: 4,
@@ -421,7 +419,7 @@ const Ue = (param)=>{
                                 paddingTop: 16,
                                 children: p ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                     className: _fileuploadcssmistica.centeredButton,
-                                    ref: S,
+                                    ref: U,
                                     "aria-hidden": "true",
                                     children: N({
                                         onPress: i,
@@ -468,14 +466,14 @@ const Ue = (param)=>{
                     })
                 ]
             }),
-            U ? U({
+            y ? y({
                 files: g,
-                removeFile: m
+                removeFile: f
             }) : g && g.length > 0 && /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.BoxedRowList, {
                 "aria-label": (_M_fileUploadListLabel = M.fileUploadListLabel) !== null && _M_fileUploadListLabel !== void 0 ? _M_fileUploadListLabel : j(_texttokens.fileUploadListLabel),
-                children: Array.from(g).map((K, q)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Se, {
+                children: Array.from(g).map((K, q)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Ue, {
                         file: K,
-                        onRemove: m
+                        onRemove: f
                     }, q))
             })
         ]

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

@@ -10,19 +10,19 @@ function _export(target, all) {
 }
 _export(exports, {
     get absoluteBackgroundLayer () {
-        return o;
+        return y;
     },
     get container () {
-        return f;
+        return t;
     },
     get elevated () {
-        return n;
+        return f;
     },
     get fixedBackgroundLayer () {
-        return e;
+        return o;
     },
     get fixedFooter () {
-        return t;
+        return a;
     },
     get footer () {
         return r;
@@ -34,9 +34,9 @@ _export(exports, {
         return j;
     },
     get withoutFooter () {
-        return a;
+        return n;
     }
 });
 /* empty css                                     */ /* empty css                                               */ var j = {
-    footerHeight: "var(--v16_71_p5j8j50)"
-}, r = "v16_71_p5j8j53 v16_71_p5j8j52 v16_71_1y2v1nfqr", t = "v16_71_p5j8j54", n = "v16_71_p5j8j55", a = "v16_71_p5j8j56 v16_71_1y2v1nfq3", f = "v16_71_p5j8j57", p = "v16_71_p5j8j59 v16_71_p5j8j58 v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nfq0", e = "v16_71_p5j8j5b v16_71_p5j8j5a v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nfq0", o = "v16_71_p5j8j5d v16_71_p5j8j5c v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfpz";
+    footerHeight: "var(--v16_72_p5j8j50)"
+}, r = "v16_72_p5j8j53 v16_72_p5j8j52 v16_72_1y2v1nfqr", a = "v16_72_p5j8j54", f = "v16_72_p5j8j55", n = "v16_72_p5j8j56 v16_72_1y2v1nfq3", t = "v16_72_p5j8j57", p = "v16_72_p5j8j59 v16_72_p5j8j58 v16_72_1y2v1nftd v16_72_1y2v1nfts v16_72_1y2v1nfu7 v16_72_1y2v1nfum v16_72_1y2v1nfq0", o = "v16_72_p5j8j5b v16_72_p5j8j5a v16_72_1y2v1nftd v16_72_1y2v1nfts v16_72_1y2v1nfu7 v16_72_1y2v1nfum v16_72_1y2v1nfq0", y = "v16_72_p5j8j5d v16_72_p5j8j5c v16_72_1y2v1nfts v16_72_1y2v1nfu7 v16_72_1y2v1nfpz";

package/dist/fixed-footer-layout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Se;
+        return ke;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -73,8 +73,8 @@ const ce = (e)=>e === document.documentElement ? window : e, le = (e)=>{
     return {
         cancel: ()=>clearTimeout(c)
     };
-}, de = 200, Se = (param)=>{
-    let { isFooterVisible: e = !0, footer: c, footerHeight: k = "auto", footerBgColor: n = _skincontractcssmistica.vars.colors.background, footerRole: H, containerBgColor: L = _skincontractcssmistica.vars.colors.background, children: $, onChangeFooterHeight: h, footerScrollEffect: f = !0 } = param;
+}, de = 200, ke = (param)=>{
+    let { isFooterVisible: e = !0, footer: c, footerHeight: F = "auto", footerBgColor: n = _skincontractcssmistica.vars.colors.background, footerRole: H, containerBgColor: L = _skincontractcssmistica.vars.colors.background, children: $, onChangeFooterHeight: h, footerScrollEffect: f = !0 } = param;
     const [w, v] = _react.useState(!1), l = _react.useRef(null), { height: d } = (0, _hooks.useBoundingRect)(l) || {
         height: 0
     }, { isTabletOrSmaller: m } = (0, _hooks.useScreenSize)(), { platformOverrides: x } = (0, _hooks.useTheme)(), { height: o, ref: D } = (0, _hooks.useElementDimensions)({
@@ -172,10 +172,9 @@ const ce = (e)=>e === document.documentElement ? window : e, le = (e)=>{
                 children: e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     role: H,
                     ref: D,
-                    "data-component-name": "FixedFooter",
                     "data-testid": "FixedFooter",
                     style: {
-                        height: k,
+                        height: F,
                         marginBottom: _css.safeAreaInsetBottom
                     },
                     children: c

package/dist/form.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "form", {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                */ var p = "v16_71_1dycpqb0 v16_71_1y2v1nfqr";
+/* empty css                                     */ /* empty css                                */ var p = "v16_72_1dycpqb0 v16_72_1y2v1nfqr";

package/dist/form.js

@@ -244,7 +244,9 @@ const fe = (param)=>{
             ref: d,
             className: (0, _classnames.default)(_formcssmistica.form, A),
             noValidate: !0
-        }, (0, _dom.getPrefixedDataAttributes)(T, "Form")), {
+        }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+            testid: "Form"
+        }, T))), {
             children: [
                 G ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {