@telefonica/mistica 16.71.0 → 17.0.0

package/dist/date-field.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "iconContainer", {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                      */ var p = "v16_71_1pntndu0";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                      */ var p = "v17_1pntndu0";

package/dist/date-field.js

@@ -148,7 +148,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const M = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), ee = (_param)=>{
-    var { disabled: p, error: u, helperText: g, name: D, label: F, optional: m, validate: h, validateOnBlurInsideForm: R, onChange: S, onChangeValue: v, onBlur: C, value: I, defaultValue: O, min: o, max: i, dataAttributes: d } = _param, f = _object_without_properties(_param, [
+    var { disabled: p, error: u, helperText: g, name: D, label: h, optional: f, validate: F, validateOnBlurInsideForm: R, onChange: S, onChangeValue: v, onBlur: C, value: I, defaultValue: O, min: o, max: i, dataAttributes: m } = _param, d = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -168,22 +168,22 @@ const M = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
     ]);
     const P = (e)=>e, V = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("date"), []), { texts: k, t: y } = (0, _hooks.useTheme)(), a = (e)=>!(o && e && e < (0, _time.getLocalDateString)(o) || i && e && e > (0, _time.getLocalDateString)(i)), c = (0, _formcontext.useFieldProps)({
         name: D,
-        label: F,
+        label: h,
         value: I,
         defaultValue: O,
         processValue: P,
         helperText: g,
-        optional: m,
+        optional: f,
         error: u,
         disabled: p,
         onBlur: C,
-        validate: (e, n)=>a(e) ? h === null || h === void 0 ? void 0 : h(e, n) : k.formDateOutOfRangeError || y(_texttokens.formDateOutOfRangeError),
+        validate: (e, n)=>a(e) ? F === null || F === void 0 ? void 0 : F(e, n) : k.formDateOutOfRangeError || y(_texttokens.formDateOutOfRangeError),
         validateOnBlurInsideForm: R,
         onChange: S,
         onChangeValue: (e, n)=>{
             a(e) && (v === null || v === void 0 ? void 0 : v(e, n));
         }
-    }), l = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, f, c), {
+    }), l = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, d, c), {
         min: o ? (0, _time.getLocalDateString)(o) : void 0,
         max: i ? (0, _time.getLocalDateString)(i) : void 0,
         type: "date",
@@ -195,19 +195,17 @@ const M = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
             })
         }),
         dataAttributes: _object_spread({
-            "component-name": "DateField",
             testid: "DateField"
-        }, d)
+        }, m)
     }));
     return V || (0, _environment.isServerSide)() ? l : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
         fallback: l,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(M, _object_spread_props(_object_spread({}, f, c), {
-            optional: m,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(M, _object_spread_props(_object_spread({}, d, c), {
+            optional: f,
             isValidDate: (e)=>a((0, _time.getLocalDateString)(e.toDate())),
             dataAttributes: _object_spread({
-                "component-name": "DateField",
                 testid: "DateField"
-            }, d)
+            }, m)
         }))
     });
 };

package/dist/date-time-field.js

@@ -148,7 +148,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), ee = (_param)=>{
-    var { disabled: D, error: T, helperText: g, name: F, label: h, optional: m, validate: v, validateOnBlurInsideForm: R, onChange: S, onChangeValue: V, onBlur: C, value: I, defaultValue: O, min: i, /**
+    var { disabled: g, error: D, helperText: T, name: h, label: v, optional: m, validate: F, validateOnBlurInsideForm: R, onChange: S, onChangeValue: V, onBlur: C, value: I, defaultValue: O, min: i, /**
    * When typing a datetime value into the input field (inside a test for example), some browsers like Chrome
    * force the year to have exactly 6 digits. In order to prevent this, in case max value was not provided we
    * set it so that it only accepts datetime values with years having up to 4 digits.
@@ -170,27 +170,27 @@ const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "max",
         "dataAttributes"
     ]);
-    const d = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("datetime-local"), []), f = (e)=>d ? e : e.replace(/\s/, "T"), { texts: P, t: k } = (0, _hooks.useTheme)(), n = (e)=>{
-        const t = f(e);
+    const f = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("datetime-local"), []), d = (e)=>f ? e : e.replace(/\s/, "T"), { texts: P, t: k } = (0, _hooks.useTheme)(), s = (e)=>{
+        const t = d(e);
         return !(i && t && t < (0, _time.getLocalDateTimeString)(i) || a && t && t > (0, _time.getLocalDateTimeString)(a));
-    }, p = (0, _formcontext.useFieldProps)({
-        name: F,
-        label: h,
+    }, u = (0, _formcontext.useFieldProps)({
+        name: h,
+        label: v,
         value: I,
         defaultValue: O,
-        processValue: f,
-        helperText: g,
+        processValue: d,
+        helperText: T,
         optional: m,
-        error: T,
-        disabled: D,
+        error: D,
+        disabled: g,
         onBlur: C,
-        validate: (e, t)=>n(e) ? v === null || v === void 0 ? void 0 : v(e, t) : P.formDateOutOfRangeError || k(_texttokens.formDateOutOfRangeError),
+        validate: (e, t)=>s(e) ? F === null || F === void 0 ? void 0 : F(e, t) : P.formDateOutOfRangeError || k(_texttokens.formDateOutOfRangeError),
         validateOnBlurInsideForm: R,
         onChange: S,
         onChangeValue: (e, t)=>{
-            n(e) && (V === null || V === void 0 ? void 0 : V(e, t));
+            s(e) && (V === null || V === void 0 ? void 0 : V(e, t));
         }
-    }), u = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, c, p), {
+    }), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, c, u), {
         min: i ? (0, _time.getLocalDateTimeString)(i) : void 0,
         max: a ? (0, _time.getLocalDateTimeString)(a) : void 0,
         type: "datetime-local",
@@ -202,18 +202,16 @@ const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
             })
         }),
         dataAttributes: _object_spread({
-            "component-name": "DateTimeField",
             testid: "DateTimeField"
         }, l)
     }));
-    return d || (0, _environment.isServerSide)() ? u : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: u,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(L, _object_spread_props(_object_spread({}, c, p), {
+    return f || (0, _environment.isServerSide)() ? p : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+        fallback: p,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(L, _object_spread_props(_object_spread({}, c, u), {
             optional: m,
             withTime: !0,
-            isValidDate: (e)=>n((0, _time.getLocalDateTimeString)(e.toDate())),
+            isValidDate: (e)=>s((0, _time.getLocalDateTimeString)(e.toDate())),
             dataAttributes: _object_spread({
-                "component-name": "DateTimeField",
                 testid: "DateTimeField"
             }, l)
         }))

package/dist/date-time-picker.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "reactDatePicker", {
         return e;
     }
 });
-/* empty css                                            */ var e = "v16_71_c0yqjy0";
+/* empty css                                            */ var e = "v17_c0yqjy0";

package/dist/decimal-field.js

@@ -145,31 +145,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (r)=>{
+const F = (r)=>{
     try {
         return 1.1.toLocaleString(r.replace("_", "-"))[1];
     } catch (e) {
         return ".";
     }
 }, j = (r, e)=>{
-    const i = String(r !== null && r !== void 0 ? r : "").replace(/[^.,\d]/g, ""), o = /[.,]/.exec(i), t = i.split(/[.,]/);
+    const s = String(r !== null && r !== void 0 ? r : "").replace(/[^.,\d]/g, ""), o = /[.,]/.exec(s), t = s.split(/[.,]/);
     return t.length === 0 ? "" : o && e > 0 ? t.shift() + o[0] + t.join("").slice(0, e) : t[0];
 }, A = (_param)=>{
-    var { inputRef: r, value: e, defaultValue: i, onChange: o, maxDecimals: t } = _param, l = _object_without_properties(_param, [
+    var { inputRef: r, value: e, defaultValue: s, onChange: o, maxDecimals: t } = _param, l = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "onChange",
         "maxDecimals"
     ]);
-    const { i18n: u } = (0, _hooks.useTheme)(), p = v(u.locale), m = (n)=>String(n !== null && n !== void 0 ? n : "").replace(/[.,]/g, p), [f, d] = _react.useState(i !== null && i !== void 0 ? i : ""), s = _react.useRef(null), c = typeof e < "u", g = c ? e : f, h = _react.useCallback((n)=>{
-        c || d(n), s.current && (o === null || o === void 0 ? void 0 : o((0, _dom.createChangeEvent)(s.current, n)));
+    const { i18n: u } = (0, _hooks.useTheme)(), p = F(u.locale), f = (n)=>String(n !== null && n !== void 0 ? n : "").replace(/[.,]/g, p), [m, d] = _react.useState(s !== null && s !== void 0 ? s : ""), i = _react.useRef(null), c = typeof e < "u", g = c ? e : m, h = _react.useCallback((n)=>{
+        c || d(n), i.current && (o === null || o === void 0 ? void 0 : o((0, _dom.createChangeEvent)(i.current, n)));
     }, [
         c,
         o
     ]), a = (0, _rifm.useRifm)({
         format: (n)=>j(n, t),
-        replace: m,
+        replace: f,
         value: g,
         onChange: h,
         accept: /[\d.,]+/g
@@ -179,10 +179,10 @@ const v = (r)=>{
         inputMode: "decimal",
         value: a.value,
         onChange: a.onChange,
-        ref: (0, _common.combineRefs)(r, s)
+        ref: (0, _common.combineRefs)(r, i)
     }));
 }, M = (_param)=>{
-    var { disabled: r, error: e, helperText: i, name: o, label: t, optional: l, validate: u, validateOnBlurInsideForm: p, onChange: m, onChangeValue: f, onBlur: d, value: s, defaultValue: c, maxDecimals: g = 1 / 0, dataAttributes: h } = _param, a = _object_without_properties(_param, [
+    var { disabled: r, error: e, helperText: s, name: o, label: t, optional: l, validate: u, validateOnBlurInsideForm: p, onChange: f, onChangeValue: m, onBlur: d, value: i, defaultValue: c, maxDecimals: g = 1 / 0, dataAttributes: h } = _param, a = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -202,18 +202,18 @@ const v = (r)=>{
     const y = (0, _formcontext.useFieldProps)({
         name: o,
         label: t,
-        value: s,
+        value: i,
         defaultValue: c,
-        processValue: (D)=>D.trim(),
-        helperText: i,
+        processValue: (V)=>V.trim(),
+        helperText: s,
         optional: l,
         error: e,
         disabled: r,
         onBlur: d,
         validate: u,
         validateOnBlurInsideForm: p,
-        onChange: m,
-        onChangeValue: f
+        onChange: f,
+        onChangeValue: m
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, a, y), {
         inputComponent: A,
@@ -221,7 +221,6 @@ const v = (r)=>{
             maxDecimals: g
         },
         dataAttributes: _object_spread({
-            "component-name": "DecimalField",
             testid: "DecimalField"
         }, h)
     }));

package/dist/dialog.css-mistica.js

@@ -19,13 +19,13 @@ _export(exports, {
         return f;
     },
     get dialogActions () {
-        return e;
+        return i;
     },
     get dialogContent () {
-        return o;
+        return t;
     },
     get iconContainer () {
-        return i;
+        return e;
     },
     get modalCloseButtonContainer () {
         return d;
@@ -37,13 +37,13 @@ _export(exports, {
         return y;
     },
     get variants () {
-        return t;
+        return o;
     },
     get wrapper () {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v16_71_3dl29l3 v16_71_3dl29l2 v16_71_1y2v1nfpy", y = "v16_71_3dl29l5 v16_71_3dl29l4 v16_71_1y2v1nfq0 v16_71_1y2v1nfq4 v16_71_1y2v1nfqd v16_71_1y2v1nfqj v16_71_1y2v1nfqa v16_71_1y2v1nfte v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nftt v16_71_1y2v1nf8e", f = "v16_71_3dl29l6", d = "v16_71_3dl29l8 v16_71_3dl29l7 v16_71_1y2v1nfgc v16_71_1y2v1nfhl v16_71_1y2v1nfiu v16_71_1y2v1nfk3 v16_71_1y2v1nfpz v16_71_1y2v1nfte v16_71_1y2v1nfu8", a = "v16_71_3dl29la v16_71_3dl29l9 v16_71_1y2v1nf7y v16_71_1y2v1nfsw", r = "v16_71_3dl29lb", t = {
-    dialog: "v16_71_3dl29lg v16_71_3dl29ld v16_71_3dl29lc v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqg v16_71_3dl29le v16_71_1y2v1nfj0 v16_71_1y2v1nfk9 v16_71_1y2v1nfgo v16_71_1y2v1nfhr",
-    default: "v16_71_3dl29lh v16_71_3dl29ld v16_71_3dl29lc v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqg v16_71_3dl29lf v16_71_1y2v1nfgi v16_71_1y2v1nfhr v16_71_1y2v1nfj0 v16_71_1y2v1nfk9"
-}, o = "v16_71_3dl29lj v16_71_3dl29li v16_71_1y2v1nfqq v16_71_1y2v1nfs4", e = "v16_71_3dl29ll v16_71_3dl29lk v16_71_1y2v1nfgi", i = "v16_71_3dl29lm";
+/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v17_3dl29l3 v17_3dl29l2 v17_1y2v1nfpy", y = "v17_3dl29l5 v17_3dl29l4 v17_1y2v1nfq0 v17_1y2v1nfq4 v17_1y2v1nfqd v17_1y2v1nfqj v17_1y2v1nfqa v17_1y2v1nftd v17_1y2v1nfu7 v17_1y2v1nfum v17_1y2v1nfts v17_1y2v1nf8e", f = "v17_3dl29l6", d = "v17_3dl29l8 v17_3dl29l7 v17_1y2v1nfgc v17_1y2v1nfhl v17_1y2v1nfiu v17_1y2v1nfk3 v17_1y2v1nfpz v17_1y2v1nftd v17_1y2v1nfu7", a = "v17_3dl29la v17_3dl29l9 v17_1y2v1nf7y v17_1y2v1nfsw", r = "v17_3dl29lb", o = {
+    dialog: "v17_3dl29lg v17_3dl29ld v17_3dl29lc v17_1y2v1nfq4 v17_1y2v1nfqa v17_1y2v1nfqg v17_3dl29le v17_1y2v1nfj0 v17_1y2v1nfk9 v17_1y2v1nfgo v17_1y2v1nfhr",
+    default: "v17_3dl29lh v17_3dl29ld v17_3dl29lc v17_1y2v1nfq4 v17_1y2v1nfqa v17_1y2v1nfqg v17_3dl29lf v17_1y2v1nfgi v17_1y2v1nfhr v17_1y2v1nfj0 v17_1y2v1nfk9"
+}, t = "v17_3dl29lj v17_3dl29li v17_1y2v1nfqq v17_1y2v1nfs4", i = "v17_3dl29ll v17_3dl29lk v17_1y2v1nfgi", e = "v17_3dl29lm";

package/dist/dialog.d.ts

@@ -19,7 +19,7 @@ export interface ConfirmProps extends BaseDialogProps {
 export interface ExtendedDialogProps extends BaseDialogProps {
     asset?: React.ReactElement;
     subtitle?: string;
-    extra?: React.ReactNode;
+    slot?: React.ReactNode;
     cancelText?: string;
     onCancel?: () => void;
     link?: RendersNullableElement<typeof ButtonLink>;

package/dist/dialog.js

@@ -155,7 +155,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), ge = (e)=>{
-    const { texts: r, t: d } = (0, _hooks.useTheme)(), { className: u, title: l, message: g, asset: a, extra: m, showCancelButton: i, showAcceptButton: s, cancelText: f = r.dialogCancelButton || d(_texttokens.dialogCancelButton), acceptText: h = r.dialogAcceptButton || d(_texttokens.dialogAcceptButton), onCancel: c, onAccept: v, destructive: b = !1 } = e, p = e.type === "dialog", A = p && !!e.link || s || i, y = {
+    const { texts: r, t: d } = (0, _hooks.useTheme)(), { className: u, title: l, message: g, asset: a, slot: m, showCancelButton: i, showAcceptButton: s, cancelText: f = r.dialogCancelButton || d(_texttokens.dialogCancelButton), acceptText: h = r.dialogAcceptButton || d(_texttokens.dialogAcceptButton), onCancel: c, onAccept: v, destructive: b = !1 } = e, p = e.type === "dialog", A = p && !!e.link || s || i, y = {
         onPress: v || (()=>{}),
         children: h,
         // @deprecated - testid should be removed but many webapp tests depend on this
@@ -342,7 +342,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     role: "dialog",
                     onClick: (o)=>o.stopPropagation(),
-                    "data-component-name": "Dialog",
+                    "data-testid": "Dialog",
                     children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                         ref: r,
                         onAnimationEnd: (o)=>{

package/dist/divider.css-mistica.js

@@ -9,9 +9,9 @@ Object.defineProperty(exports, "variants", {
     }
 });
 /* empty css                                   */ var t = {
-    default: "v16_71_o0dvt10",
-    alternative: "v16_71_o0dvt11",
-    brand: "v16_71_o0dvt12",
-    negative: "v16_71_o0dvt13",
-    media: "v16_71_o0dvt14"
+    default: "v17_o0dvt10",
+    alternative: "v17_o0dvt11",
+    brand: "v17_o0dvt12",
+    negative: "v17_o0dvt13",
+    media: "v17_o0dvt14"
 };

package/dist/double-field.css-mistica.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "variants", {
     }
 });
 /* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                        */ var i = {
-    default: "v16_71_skrulh1 v16_71_skrulh0 v16_71_1y2v1nfq4 v16_71_1y2v1nfq9 v16_71_1y2v1nfqr",
-    fullWidth: "v16_71_skrulh2 v16_71_skrulh0 v16_71_1y2v1nfq4 v16_71_1y2v1nfq9 v16_71_1y2v1nfqr"
+    default: "v17_skrulh1 v17_skrulh0 v17_1y2v1nfq4 v17_1y2v1nfq9 v17_1y2v1nfqr",
+    fullWidth: "v17_skrulh2 v17_skrulh0 v17_1y2v1nfq4 v17_1y2v1nfq9 v17_1y2v1nfqr"
 };

package/dist/drawer.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     get ANIMATION_DURATION_MS () {
-        return n;
+        return _;
     },
     get bottomPadding () {
         return l;
@@ -19,10 +19,10 @@ _export(exports, {
         return d;
     },
     get closeButtonContainer () {
-        return g;
+        return e;
     },
     get closed () {
-        return c;
+        return f;
     },
     get container () {
         return w;
@@ -34,16 +34,16 @@ _export(exports, {
         return i;
     },
     get open () {
-        return t;
+        return c;
     },
     get overlay () {
-        return f;
+        return o;
     },
     get overlayClosed () {
-        return o;
+        return t;
     },
     get overlayOpen () {
-        return e;
+        return g;
     },
     get scrollableSection () {
         return y;
@@ -52,4 +52,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var n = 350, w = "v16_71_c4ngww1 v16_71_c4ngww0 v16_71_1y2v1nfq0 v16_71_1y2v1nfq4 v16_71_1y2v1nf7y v16_71_1y2v1nfte v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nft8", a = "v16_71_c4ngww3 v16_71_c4ngww2 v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqp", r = "v16_71_c4ngww5 v16_71_c4ngww4 v16_71_1y2v1nfqm v16_71_1y2v1nfqo", y = "v16_71_c4ngww7 v16_71_c4ngww6 v16_71_1y2v1nfqp v16_71_1y2v1nftd", t = "v16_71_c4ngww8", c = "v16_71_c4ngww9", f = "v16_71_c4ngwwb v16_71_c4ngwwa v16_71_1y2v1nfq0 v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nf8e", o = "v16_71_c4ngwwc", e = "v16_71_c4ngwwd", g = "v16_71_c4ngwwe v16_71_1y2v1nfpz v16_71_1y2v1nfth v16_71_1y2v1nfub", i = "v16_71_c4ngwwf", l = "v16_71_c4ngwwg", d = "v16_71_c4ngwwh";
+/* empty css                                     */ /* empty css                                  */ var _ = 350, w = "v17_c4ngww1 v17_c4ngww0 v17_1y2v1nfq0 v17_1y2v1nfq4 v17_1y2v1nf7y v17_1y2v1nftd v17_1y2v1nfu7 v17_1y2v1nfum v17_1y2v1nft7", a = "v17_c4ngww3 v17_c4ngww2 v17_1y2v1nfq4 v17_1y2v1nfqa v17_1y2v1nfqp", r = "v17_c4ngww5 v17_c4ngww4 v17_1y2v1nfqm v17_1y2v1nfqo", y = "v17_c4ngww7 v17_c4ngww6 v17_1y2v1nfqp v17_1y2v1nftc", c = "v17_c4ngww8", f = "v17_c4ngww9", o = "v17_c4ngwwb v17_c4ngwwa v17_1y2v1nfq0 v17_1y2v1nftd v17_1y2v1nfts v17_1y2v1nfu7 v17_1y2v1nfum v17_1y2v1nf8e", t = "v17_c4ngwwc", g = "v17_c4ngwwd", e = "v17_c4ngwwe v17_1y2v1nfpz v17_1y2v1nftg v17_1y2v1nfua", i = "v17_c4ngwwf", l = "v17_c4ngwwg", d = "v17_c4ngwwh";

package/dist/drawer.js

@@ -135,11 +135,11 @@ const b = (param)=>{
 }, ue = /*#__PURE__*/ _react.forwardRef((param, p)=>{
     let { width: i, children: m, onClose: n, onDismiss: l } = param;
     (0, _modalcontextprovider.useSetModalStateEffect)();
-    const { isMobile: v } = (0, _hooks.useScreenSize)(), [u, c] = _react.useState(!1), h = v ? "auto" : i, a = _react.useCallback((o)=>{
+    const { isMobile: v } = (0, _hooks.useScreenSize)(), [u, d] = _react.useState(!1), h = v ? "auto" : i, a = _react.useCallback((o)=>{
         o && setTimeout(()=>{
-            c(!0);
+            d(!0);
         }, 50);
-    }, []), r = _react.useCallback(()=>(c(!1), new Promise((o)=>{
+    }, []), r = _react.useCallback(()=>(d(!1), new Promise((o)=>{
             setTimeout(o, _drawercssmistica.ANIMATION_DURATION_MS);
         }).then(n)), [
         n
@@ -151,8 +151,8 @@ const b = (param)=>{
             close: r,
             dismiss: t
         })), _react.useEffect(()=>{
-        const o = (d)=>{
-            d.key === "Escape" && t();
+        const o = (c)=>{
+            c.key === "Escape" && t();
         };
         return document.addEventListener("keydown", o), ()=>{
             document.removeEventListener("keydown", o);
@@ -180,10 +180,10 @@ const b = (param)=>{
         })
     });
 }), Re = (param)=>{
-    let { title: i, subtitle: m, description: n, titleAs: l = "h2", dismissLabel: p, width: v, onClose: u, onDismiss: c, children: h, button: a, secondaryButton: r, buttonLink: t, dataAttributes: o } = param;
-    const d = _react.useRef(null), g = !!(a || r || t), [y, T] = _react.useState(null), P = _react.useRef(null), S = _react.useRef(null), { t: N, texts: C, textPresets: I } = (0, _hooks.useTheme)(), w = (D)=>{
-        var _d_current;
-        (_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.close().then(()=>D === null || D === void 0 ? void 0 : D());
+    let { title: i, subtitle: m, description: n, titleAs: l = "h2", dismissLabel: p, width: v, onClose: u, onDismiss: d, children: h, button: a, secondaryButton: r, buttonLink: t, dataAttributes: o } = param;
+    const c = _react.useRef(null), g = !!(a || r || t), [y, T] = _react.useState(null), P = _react.useRef(null), S = _react.useRef(null), { t: N, texts: C, textPresets: I } = (0, _hooks.useTheme)(), w = (D)=>{
+        var _c_current;
+        (_c_current = c.current) === null || _c_current === void 0 ? void 0 : _c_current.close().then(()=>D === null || D === void 0 ? void 0 : D());
     }, R = !(0, _hooks.useIsInViewport)(P, !0, {
         root: y
     }), A = !(0, _hooks.useIsInViewport)(S, !0, {
@@ -193,25 +193,27 @@ const b = (param)=>{
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(ue, {
         width: v,
-        ref: d,
+        ref: c,
         onClose: u,
-        onDismiss: c,
+        onDismiss: d,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", _object_spread_props(_object_spread({
             role: "dialog",
             "aria-modal": "true",
             className: _drawercssmistica.drawer,
             ref: T
-        }, (0, _dom.getPrefixedDataAttributes)(o, "Drawer")), {
+        }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+            testid: "Drawer"
+        }, o))), {
             children: [
-                c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _drawercssmistica.closeButtonContainer,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, {
                         dataAttributes: {
                             testid: "dismissButton"
                         },
                         onPress: ()=>{
-                            var _d_current;
-                            return (_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.dismiss();
+                            var _c_current;
+                            return (_c_current = c.current) === null || _c_current === void 0 ? void 0 : _c_current.dismiss();
                         },
                         Icon: _iconcloseregular.default,
                         "aria-label": p || C.modalClose || N(_texttokens.modalClose),

package/dist/email-field.js

@@ -94,7 +94,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, $ = (_param)=>{
-    var { disabled: e, error: r, helperText: o, name: i, label: s, optional: m, validate: a, validateOnBlurInsideForm: l, onChange: d, onChangeValue: n, onBlur: p, value: u, autoComplete: f = "email", defaultValue: c, dataAttributes: E } = _param, F = _object_without_properties(_param, [
+    var { disabled: e, error: r, helperText: o, name: s, label: i, optional: m, validate: a, validateOnBlurInsideForm: l, onChange: d, onChangeValue: p, onBlur: u, value: f, autoComplete: n = "email", defaultValue: c, dataAttributes: E } = _param, x = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -111,28 +111,27 @@ const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, $ = (_param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: x, t: A } = (0, _hooks.useTheme)(), g = (0, _formcontext.useFieldProps)({
-        name: i,
-        label: s,
-        value: u,
+    const { texts: F, t: A } = (0, _hooks.useTheme)(), g = (0, _formcontext.useFieldProps)({
+        name: s,
+        label: i,
+        value: f,
         defaultValue: c,
         processValue: (t)=>t.trim(),
         helperText: o,
         optional: m,
         error: r,
         disabled: e,
-        onBlur: p,
-        validate: (t, v)=>h.test(t !== null && t !== void 0 ? t : "") ? a === null || a === void 0 ? void 0 : a(t, v) : x.formEmailError || A(_texttokens.formEmailError),
+        onBlur: u,
+        validate: (t, v)=>h.test(t !== null && t !== void 0 ? t : "") ? a === null || a === void 0 ? void 0 : a(t, v) : F.formEmailError || A(_texttokens.formEmailError),
         validateOnBlurInsideForm: l,
         onChange: d,
-        onChangeValue: n
+        onChangeValue: p
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, F, g), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, x, g), {
         type: "email",
         inputMode: "email",
-        autoComplete: f,
+        autoComplete: n,
         dataAttributes: _object_spread({
-            "component-name": "EmailField",
             testid: "EmailField"
         }, E)
     }));

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

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     get assetContainer () {
-        return o;
+        return _;
     },
     get container () {
-        return v;
+        return a;
     },
     get image () {
-        return a;
+        return o;
     }
 });
-/* empty css                                     */ /* empty css                                            */ var v = "v16_71_1azor6p0", a = "v16_71_1azor6p2 v16_71_1azor6p1 v16_71_1y2v1nfq6 v16_71_1y2v1nfrl", o = "v16_71_1azor6p4 v16_71_1azor6p3 v16_71_1y2v1nfr3 v16_71_1y2v1nfrj";
+/* empty css                                     */ /* empty css                                            */ var a = "v17_1azor6p0", o = "v17_1azor6p2 v17_1azor6p1 v17_1y2v1nfq6 v17_1y2v1nfrl", _ = "v17_1azor6p4 v17_1azor6p3 v17_1y2v1nfr3 v17_1y2v1nfrj";

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

@@ -19,10 +19,10 @@ _export(exports, {
         return t;
     },
     get container () {
-        return v;
+        return f;
     },
     get contentVariants () {
-        return f;
+        return _;
     },
     get largeImage () {
         return e;
@@ -34,12 +34,12 @@ _export(exports, {
         return z;
     },
     get vars () {
-        return _;
+        return v;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var _ = {
-    backgroundColor: "var(--v16_71_13fzrua0)"
-}, v = "v16_71_13fzrua2 v16_71_13fzrua1 v16_71_1y2v1nfq4 v16_71_1y2v1nffw", f = {
-    default: "v16_71_13fzrua3",
-    largeImage: "v16_71_13fzrua4"
-}, n = "v16_71_13fzrua5", e = "v16_71_13fzrua7 v16_71_13fzrua6 v16_71_1y2v1nfr8", u = "v16_71_13fzrua9 v16_71_13fzrua8 v16_71_1y2v1nfr5 v16_71_1y2v1nfrl", z = "v16_71_13fzruab v16_71_13fzruaa v16_71_1y2v1nfq6", o = "v16_71_13fzruac v16_71_1y2v1nfsl", t = "v16_71_13fzruad";
+/* empty css                                     */ /* empty css                                       */ var v = {
+    backgroundColor: "var(--v17_13fzrua0)"
+}, f = "v17_13fzrua2 v17_13fzrua1 v17_1y2v1nfq4 v17_1y2v1nffw", _ = {
+    default: "v17_13fzrua3",
+    largeImage: "v17_13fzrua4"
+}, n = "v17_13fzrua5", e = "v17_13fzrua7 v17_13fzrua6 v17_1y2v1nfr8", u = "v17_13fzrua9 v17_13fzrua8 v17_1y2v1nfr5 v17_1y2v1nfrl", z = "v17_13fzruab v17_13fzruaa v17_1y2v1nfq6", o = "v17_13fzruac v17_1y2v1nfsl", t = "v17_13fzruad";

package/dist/empty-state.js

@@ -100,7 +100,9 @@ const Z = (param)=>{
         }),
         "aria-label": g,
         role: "region"
-    }, (0, _dom.getPrefixedDataAttributes)(h, "EmptyState")), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "EmptyState"
+    }, h))), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {

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

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "wrapper", {
         return p;
     }
 });
-/* empty css                                   */ var p = "v16_71_kq227n1";
+/* empty css                                   */ var p = "v17_kq227n1";

package/dist/fade-in.js

@@ -65,7 +65,9 @@ function _object_spread_props(target, source) {
 }
 const s = "0.3s", D = (param)=>{
     let { children: i, className: e = "", duration: t = s, delay: a = "0", dataAttributes: n } = param;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(n, "FadeIn")), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "FadeIn"
+    }, n))), {
         className: `${_fadeincssmistica.wrapper} ${e}`,
         style: {
             animationDelay: a,

package/dist/feedback.css-mistica.js

@@ -16,16 +16,16 @@ _export(exports, {
         return p;
     },
     get container () {
-        return n;
+        return t;
     },
     get desktopContainer () {
-        return v;
+        return e;
     },
     get desktopContent () {
-        return e;
+        return r;
     },
     get desktopImage () {
-        return r;
+        return n;
     },
     get feedbackData () {
         return i;
@@ -40,7 +40,7 @@ _export(exports, {
         return d;
     },
     get innerContainer () {
-        return t;
+        return _;
     },
     get innerContainerWithButtons () {
         return x;
@@ -49,4 +49,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                    */ var v = "v16_71_gx6h6a0", e = "v16_71_gx6h6a1", r = "v16_71_gx6h6a2", n = "v16_71_gx6h6a4 v16_71_gx6h6a3 v16_71_1y2v1nfq4 v16_71_1y2v1nfr8 v16_71_1y2v1nfqr v16_71_1y2v1nfqa", t = "v16_71_gx6h6a5", x = "v16_71_gx6h6a6", g = "v16_71_gx6h6a7 v16_71_1y2v1nfr3 v16_71_1y2v1nfrj", h = "v16_71_gx6h6ab v16_71_gx6h6aa", o = "v16_71_gx6h6ac v16_71_gx6h6aa", d = "v16_71_gx6h6ad v16_71_gx6h6aa", i = "v16_71_gx6h6ae", p = "v16_71_gx6h6af", f = "v16_71_gx6h6ag";
+/* empty css                                     */ /* empty css                                    */ var e = "v17_gx6h6a0", r = "v17_gx6h6a1", n = "v17_gx6h6a2", t = "v17_gx6h6a4 v17_gx6h6a3 v17_1y2v1nfq4 v17_1y2v1nfr8 v17_1y2v1nfqr v17_1y2v1nfqa", _ = "v17_gx6h6a5", x = "v17_gx6h6a6", g = "v17_gx6h6a7 v17_1y2v1nfr3 v17_1y2v1nfrj", h = "v17_gx6h6ab v17_gx6h6aa", o = "v17_gx6h6ac v17_gx6h6aa", d = "v17_gx6h6ad v17_gx6h6aa", i = "v17_gx6h6ae", p = "v17_gx6h6af", f = "v17_gx6h6ag";