@telefonica/mistica 14.20.1 → 14.22.0

package/dist/date-time-field.js

@@ -141,8 +141,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), z = (_param)=>{
-    var { disabled: D , error: F , helperText: T , name: h , optional: f , validate: n , onChange: y , onChangeValue: a , onBlur: R , value: S , defaultValue: k , min: i , max: s  } = _param, l = _object_without_properties(_param, [
+const j = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), z = (_param)=>{
+    var { disabled: T , error: g , helperText: F , name: h , optional: f , validate: n , onChange: y , onChangeValue: a , onBlur: R , value: S , defaultValue: k , 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.
+   */ max: s = /* @__PURE__ */ new Date("9999-12-31T23:59")  } = _param, l = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -165,17 +169,17 @@ const w = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         value: S,
         defaultValue: k,
         processValue: d,
-        helperText: T,
+        helperText: F,
         optional: f,
-        error: F,
-        disabled: D,
+        error: g,
+        disabled: T,
         onBlur: R,
         validate: (e, t)=>c(e) ? n == null ? void 0 : n(e, t) : v.formDateOutOfRangeError,
         onChange: y,
         onChangeValue: (e, t)=>{
             c(e) && (a == null || a(e, t));
         }
-    }), g = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, l, p), {
+    }), D = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, l, p), {
         min: i ? (0, _time.getLocalDateTimeString)(i) : void 0,
         max: s ? (0, _time.getLocalDateTimeString)(s) : void 0,
         type: "datetime-local",
@@ -189,9 +193,9 @@ const w = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcalendarregular.default, {})
         })
     }));
-    return u || (0, _environment.isServerSide)() ? g : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: g,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(w, _object_spread_props(_object_spread({}, l, p), {
+    return u || (0, _environment.isServerSide)() ? D : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+        fallback: D,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(j, _object_spread_props(_object_spread({}, l, p), {
             optional: f,
             withTime: !0,
             isValidDate: (e)=>c((0, _time.getLocalDateTimeString)(e.toDate()))

package/dist/dialog.css-mistica.js

@@ -19,30 +19,30 @@ _export(exports, {
         return y;
     },
     dialogContent: function() {
-        return a;
+        return l;
     },
     iconContainer: function() {
-        return l;
+        return a;
     },
     modalCloseButtonContainer: function() {
         return d;
     },
     modalContent: function() {
-        return o;
+        return b;
     },
     modalOpacityLayer: function() {
-        return t;
+        return o;
     },
     variants: function() {
         return r;
     },
     wrapper: function() {
-        return b;
+        return t;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./dialog.css.ts.vanilla.css-mistica.js");
-var _ = "_3dl29lb", f = "_3dl29l6", y = "_3dl29ll _1y2v1nf6k", a = "_3dl29lj _1y2v1nfbq _1y2v1nfd4", l = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nff0", o = "_3dl29la _1y2v1nf30 _1y2v1nfdv", t = "_3dl29l5 _1y2v1nfb1 _1y2v1nfb4 _1y2v1nfbd _1y2v1nfbj _1y2v1nfba _1y2v1nfe6 _1y2v1nff0 _1y2v1nfff _1y2v1nfel _1y2v1nf3b", r = {
-    dialog: "_3dl29ld _1y2v1nfb4 _1y2v1nfba _1y2v1nfbg _1y2v1nf92 _1y2v1nfab _1y2v1nf6q _1y2v1nf7t",
-    default: "_3dl29ld _1y2v1nfb4 _1y2v1nfba _1y2v1nfbg _1y2v1nf6k _1y2v1nf7t _1y2v1nf92 _1y2v1nfab"
-}, b = "_3dl29l3 _1y2v1nfaz";
+var _ = "_3dl29lb", f = "_3dl29l6", y = "_3dl29ll _1y2v1nf6k", l = "_3dl29lj _1y2v1nfbr _1y2v1nfd5", a = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb0 _1y2v1nfeb _1y2v1nff5", b = "_3dl29la _1y2v1nf30 _1y2v1nfdw", o = "_3dl29l5 _1y2v1nfb1 _1y2v1nfb5 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbb _1y2v1nfeb _1y2v1nff5 _1y2v1nffk _1y2v1nfeq _1y2v1nf3b", r = {
+    dialog: "_3dl29ld _1y2v1nfb5 _1y2v1nfbb _1y2v1nfbh _1y2v1nf92 _1y2v1nfab _1y2v1nf6q _1y2v1nf7t",
+    default: "_3dl29ld _1y2v1nfb5 _1y2v1nfbb _1y2v1nfbh _1y2v1nf6k _1y2v1nf7t _1y2v1nf92 _1y2v1nfab"
+}, t = "_3dl29l3 _1y2v1nfaz";

package/dist/dialog.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     alert: function() {
-        return De;
+        return Ae;
     },
     confirm: function() {
-        return Re;
+        return De;
     },
     default: function() {
-        return Ae;
+        return Pe;
     },
     dialog: function() {
-        return Se;
+        return Re;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -165,8 +165,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const N = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(e), ie = (e)=>{
-    const { texts: t  } = (0, _hooks.useTheme)(), { className: i , title: n , message: c , icon: s , extra: a , cancelText: r = t.dialogCancelButton , acceptText: d = t.dialogAcceptButton , onCancel: u , onAccept: g , showCancel: p = !1 , destructive: h = !1  } = e, v = !!e.forceWeb, m = {
+const y = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(e), ae = (e)=>{
+    const { texts: t  } = (0, _hooks.useTheme)(), { className: i , title: n , message: c , icon: l , extra: a , cancelText: r = t.dialogCancelButton , acceptText: d = t.dialogAcceptButton , onCancel: h , onAccept: g , showCancel: b = !1 , destructive: u = !1  } = e, v = !!e.forceWeb, m = {
         onPress: g || (()=>{}),
         dataAttributes: {
             testid: "dialog-accept-button"
@@ -176,11 +176,11 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: (0, _classnames.default)(_dialogcssmistica.variants[v ? "dialog" : "default"], i),
         children: [
-            s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _dialogcssmistica.iconContainer,
-                    children: /*#__PURE__*/ _react.cloneElement(s, {
+                    children: /*#__PURE__*/ _react.cloneElement(l, {
                         size: "100%"
                     })
                 })
@@ -223,14 +223,14 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_buttonlayout.default, {
                     link: e.forceWeb ? e.link : void 0,
                     children: [
-                        h ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
+                        u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
                             tabIndex: 1
                         }, m)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
                             tabIndex: 1
                         }, m)),
-                        p && !!u && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
+                        b && !!h && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
                             tabIndex: 2,
-                            onPress: u,
+                            onPress: h,
                             dataAttributes: {
                                 testid: "dialog-cancel-button"
                             },
@@ -241,42 +241,42 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
             })
         ]
     });
-}, se = (param)=>{
-    let { showCancel: e , message: t , title: i , acceptText: n , cancelText: c , onAccept: s , onCancel: a  } = param;
+}, ie = (param)=>{
+    let { showCancel: e , message: t , title: i , acceptText: n , cancelText: c , onAccept: l , onCancel: a  } = param;
     return e ? (0, _webviewbridge.nativeConfirm)({
         message: t,
         title: i,
         cancelText: c,
         acceptText: n
-    }).then((r)=>r ? s == null ? void 0 : s() : a == null ? void 0 : a()) : (0, _webviewbridge.nativeAlert)({
+    }).then((r)=>r ? l == null ? void 0 : l() : a == null ? void 0 : a()) : (0, _webviewbridge.nativeAlert)({
         message: t,
         title: i,
         buttonText: n
-    }).then(s);
+    }).then(l);
 }, le = (param)=>{
-    let { renderNative: e , onAccept: t , onCancel: i , acceptText: n , cancelText: c , showCancel: s , message: a , title: r  } = param;
-    const d = _react.useRef(t).current, u = _react.useRef(i).current;
+    let { renderNative: e , onAccept: t , onCancel: i , acceptText: n , cancelText: c , showCancel: l , message: a , title: r  } = param;
+    const d = _react.useRef(t).current, h = _react.useRef(i).current;
     _react.useEffect(()=>{
-        e && se({
+        e && ie({
             acceptText: n,
             cancelText: c,
-            showCancel: s,
+            showCancel: l,
             message: a,
             title: r,
             onAccept: d,
-            onCancel: u
+            onCancel: h
         });
     }, [
         d,
-        u,
+        h,
         n,
         c,
-        s,
+        l,
         a,
         r,
         e
     ]);
-}, ce = (e)=>(le({
+}, se = (e)=>(le({
         renderNative: !0,
         acceptText: e.acceptText || e.dialogAcceptButton,
         cancelText: e.cancelText || e.dialogCancelButton,
@@ -285,39 +285,40 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         title: e.title,
         onAccept: e.onAccept,
         onCancel: e.onCancel
-    }), null), re = (e)=>{
+    }), null), ce = (e)=>{
     const { platformOverrides: t  } = (0, _hooks.useTheme)(), i = _react.useContext(_themecontext.default), n = _react.useRef(process.env.NODE_ENV === "test");
     if (!i) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
-    const c = !e.forceWeb && (0, _webviewbridge.isWebViewBridgeAvailable)(), { onAccept: s , isClosing: a , onCancel: r , onCloseTransitionEnd: d  } = e, u = _object_without_properties(e, [
+    const c = !e.forceWeb && (0, _webviewbridge.isWebViewBridgeAvailable)(), { onAccept: l , isClosing: a , onCancel: r , onCloseTransitionEnd: d  } = e, h = _object_without_properties(e, [
         "onAccept",
         "isClosing",
         "onCancel",
         "onCloseTransitionEnd"
     ]), g = _react.useCallback(()=>{
-        !a && n.current && s();
+        !a && n.current && l();
     }, [
         a,
-        s
-    ]), p = _react.useCallback(()=>{
+        l
+    ]), b = _react.useCallback(()=>{
         !a && n.current && r();
     }, [
         a,
         r
-    ]), h = e.showCancel ? p : g, v = _react.useCallback((f)=>{
-        e.showClose && (h(), f.stopPropagation());
+    ]), u = e.showCancel ? b : g, v = _react.useCallback((f)=>{
+        e.showClose && (u(), f.stopPropagation());
     }, [
-        h,
+        u,
         e.showClose
     ]), m = _react.useCallback((f)=>{
-        f.keyCode === _keycodes.ESC && (h(), f.stopPropagation(), f.preventDefault());
+        f.keyCode === _keycodes.ESC && (u(), f.stopPropagation(), f.preventDefault());
     }, [
-        h
+        u
     ]), x = _react.useCallback(()=>{
         document.addEventListener("keydown", m);
     }, [
         m
     ]);
-    _react.useEffect(()=>(N(t) || x(), (c || !N(t)) && e.isClosing && e.onCloseTransitionEnd && e.onCloseTransitionEnd(), ()=>{
+    var _i_texts_modalClose;
+    return _react.useEffect(()=>(y(t) || x(), (c || !y(t)) && e.isClosing && e.onCloseTransitionEnd && e.onCloseTransitionEnd(), ()=>{
             document.removeEventListener("keydown", m);
         }), [
         x,
@@ -325,18 +326,7 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         e,
         c,
         t
-    ]);
-    const B = (0, _modalcontextprovider.useSetModalState)();
-    var _i_texts_modalClose;
-    return _react.useEffect(()=>(B({
-            isModalOpen: !0
-        }), ()=>{
-            B({
-                isModalOpen: !1
-            });
-        }), [
-        B
-    ]), c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(ce, _object_spread_props(_object_spread({}, e), {
+    ]), (0, _modalcontextprovider.useSetModalStateEffect)(), c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(se, _object_spread_props(_object_spread({}, e), {
         dialogAcceptButton: i.texts.dialogAcceptButton,
         dialogCancelButton: i.texts.dialogCancelButton
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
@@ -364,15 +354,15 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                                 e.showClose && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                     className: _dialogcssmistica.modalCloseButtonContainer,
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
-                                        onPress: h,
+                                        onPress: u,
                                         "aria-label": (_i_texts_modalClose = i.texts.modalClose) !== null && _i_texts_modalClose !== void 0 ? _i_texts_modalClose : i.texts.closeButtonLabel,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
                                             color: _skincontractcssmistica.vars.colors.neutralHigh
                                         })
                                     })
                                 }),
-                                /* @__PURE__ */ (0, _jsxruntime.jsx)(ie, _object_spread_props(_object_spread({}, u), {
-                                    onCancel: p,
+                                /* @__PURE__ */ (0, _jsxruntime.jsx)(ae, _object_spread_props(_object_spread({}, h), {
+                                    onCancel: b,
                                     onAccept: g
                                 }))
                             ]
@@ -383,13 +373,13 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         })
     });
 };
-let b = null, C = 0;
-class Ae extends _react.Component {
+let p = null, C = 0;
+class Pe extends _react.Component {
     componentDidMount() {
-        C++, C === 1 && (b = this, window.addEventListener("popstate", this.handleBack));
+        C++, C === 1 && (p = this, window.addEventListener("popstate", this.handleBack));
     }
     componentWillUnmount() {
-        C--, C === 0 && (b = null, window.removeEventListener("popstate", this.handleBack));
+        C--, C === 0 && (p = null, window.removeEventListener("popstate", this.handleBack));
     }
     show(t) {
         if (this.state.dialogProps) throw Error("Tried to show a dialog on top of another dialog. This functionality is not currently supported.");
@@ -415,13 +405,13 @@ class Ae extends _react.Component {
         const { isClosing: t , dialogProps: i  } = this.state;
         let n = null;
         if (i && this.state.instanceNumber === 1) {
-            const { onCancel: c , onAccept: s  } = i, a = _object_without_properties(i, [
+            const { onCancel: c , onAccept: l  } = i, a = _object_without_properties(i, [
                 "onCancel",
                 "onAccept"
             ]);
-            n = /* @__PURE__ */ (0, _jsxruntime.jsx)(re, _object_spread({
+            n = /* @__PURE__ */ (0, _jsxruntime.jsx)(ce, _object_spread({
                 onCancel: this.createCancelHandler(c),
-                onAccept: this.createAcceptHandler(s),
+                onAccept: this.createAcceptHandler(l),
                 isClosing: t,
                 onCloseTransitionEnd: t ? this.handleCloseFinished : void 0
             }, a));
@@ -451,25 +441,25 @@ class Ae extends _react.Component {
         };
     }
 }
-const T = (param)=>{
+const E = (param)=>{
     let { showCancel: e , showClose: t , forceWeb: i  } = param;
     return (n)=>{
-        if (!b) throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
-        b.show(_object_spread({
+        if (!p) throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
+        p.show(_object_spread({
             showCancel: e,
             showClose: t,
             forceWeb: i
         }, n));
     };
-}, De = T({
+}, Ae = E({
     showCancel: !1,
     forceWeb: !1,
     showClose: !1
-}), Re = T({
+}), De = E({
     showCancel: !0,
     forceWeb: !1,
     showClose: !1
-}), Se = T({
+}), Re = E({
     showCancel: !1,
     forceWeb: !0,
     showClose: !0

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

@@ -12,6 +12,6 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
 require("./double-field.css.ts.vanilla.css-mistica.js");
 var n = {
-    default: "skrulh1 _1y2v1nfb4 _1y2v1nfb9 _1y2v1nfbr",
-    fullWidth: "skrulh2 _1y2v1nfb4 _1y2v1nfb9 _1y2v1nfbr"
+    default: "skrulh1 _1y2v1nfb5 _1y2v1nfba _1y2v1nfbs",
+    fullWidth: "skrulh2 _1y2v1nfb5 _1y2v1nfba _1y2v1nfbs"
 };

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

@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./empty-state-card.css.ts.vanilla.css-mistica.js");
-var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nfc3 _1y2v1nfcj", v = "_1azor6p2 _1y2v1nfb6 _1y2v1nfcl";
+var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nfc4 _1y2v1nfck", v = "_1azor6p2 _1y2v1nfb7 _1y2v1nfcm";

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

@@ -36,9 +36,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./empty-state.css.ts.vanilla.css-mistica.js");
-var n = "_13fzrua2 _1y2v1nfb4 _1y2v1nf5y", v = {
+var n = "_13fzrua2 _1y2v1nfb5 _1y2v1nf5y", v = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, e = "_13fzrua9 _1y2v1nfc5 _1y2v1nfcl", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nfc8", o = "_13fzrua5", u = "_13fzruab _1y2v1nfb6", t = {
+}, e = "_13fzrua9 _1y2v1nfc6 _1y2v1nfcm", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nfc9", o = "_13fzrua5", u = "_13fzruab _1y2v1nfb7", t = {
     backgroundColor: "var(--_13fzrua0)"
 };

package/dist/feedback.css-mistica.js

@@ -16,21 +16,30 @@ _export(exports, {
         return n;
     },
     desktopContent: function() {
-        return t;
+        return v;
     },
     feedbackData: function() {
-        return v;
+        return t;
     },
     feedbackDataAppear: function() {
+        return c;
+    },
+    feedbackDataAppearActiveFast: function() {
         return f;
     },
-    feedbackDataAppearActive: function() {
-        return o;
+    feedbackDataAppearActiveMedium: function() {
+        return p;
+    },
+    feedbackDataAppearActiveSlow: function() {
+        return x;
+    },
+    iconContainer: function() {
+        return h;
     },
     innerContainer: function() {
-        return p;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./feedback.css.ts.vanilla.css-mistica.js");
-var r = "gx6h6a3 _1y2v1nfb4 _1y2v1nfc8 _1y2v1nfbr", n = "_1y2v1nfdw _1y2v1nfb4 _1y2v1nfbg", t = "gx6h6a1", v = "gx6h6a7", f = "gx6h6a5", o = "gx6h6a6", p = "gx6h6a4";
+var r = "gx6h6a3 _1y2v1nfb5 _1y2v1nfc9 _1y2v1nfbs", n = "_1y2v1nfdx _1y2v1nfb5 _1y2v1nfbh", v = "gx6h6a1", t = "gx6h6ab", c = "gx6h6a6", f = "gx6h6a8 gx6h6a7", p = "gx6h6a9 gx6h6a7", x = "gx6h6aa gx6h6a7", h = "_1y2v1nfc4 _1y2v1nfck", i = "gx6h6a4";

package/dist/feedback.css.d.ts

@@ -2,6 +2,9 @@ export declare const desktopContainer: string;
 export declare const desktopContent: string;
 export declare const container: string;
 export declare const innerContainer: string;
+export declare const iconContainer: string;
 export declare const feedbackDataAppear: string;
-export declare const feedbackDataAppearActive: string;
+export declare const feedbackDataAppearActiveFast: string;
+export declare const feedbackDataAppearActiveMedium: string;
+export declare const feedbackDataAppearActiveSlow: string;
 export declare const feedbackData: string;

package/dist/feedback.d.ts

@@ -1,12 +1,16 @@
 import * as React from 'react';
-import type { DataAttributes } from './utils/types';
+import type { DataAttributes, IconProps } from './utils/types';
 import type { ButtonGroupProps } from './button-group';
 type HapticFeedback = 'error' | 'success';
 type FeedbackButtonsProps = ButtonGroupProps;
 interface FeedbackProps extends FeedbackButtonsProps {
     title: string;
     description?: string | Array<string>;
+    /**
+     * @deprecated This field is deprecated, please use extra instead.
+     */
     children?: React.ReactNode;
+    extra?: React.ReactNode;
     unstable_inlineInDesktop?: boolean;
     dataAttributes?: DataAttributes;
 }
@@ -22,10 +26,13 @@ interface FeedbackScreenProps extends AssetFeedbackProps {
 }
 export declare const FeedbackScreen: React.FC<FeedbackScreenProps>;
 export declare const SuccessFeedbackScreen: React.FC<AssetFeedbackProps>;
-interface ErrorFeedbackScreenProps extends FeedbackProps {
+interface ErrorFeedbackScreenProps extends Omit<FeedbackProps, 'extra'> {
     errorReference?: string;
 }
 export declare const ErrorFeedbackScreen: React.FC<ErrorFeedbackScreenProps>;
-export declare const InfoFeedbackScreen: React.FC<FeedbackProps>;
+interface InfoFeedbackScreenProps extends FeedbackProps {
+    Icon?: React.FC<IconProps>;
+}
+export declare const InfoFeedbackScreen: React.FC<InfoFeedbackScreenProps>;
 export declare const SuccessFeedback: React.FC<AssetFeedbackProps>;
 export {};