@telefonica/mistica 14.20.1 → 14.21.0

package/dist/carousel.css-mistica.js

@@ -31,16 +31,16 @@ _export(exports, {
         return u;
     },
     carouselItem: function() {
-        return l;
+        return o;
     },
     carouselNextArrowButton: function() {
-        return o;
+        return t;
     },
     carouselPrevArrowButton: function() {
-        return t;
+        return s;
     },
     carouselWithScroll: function() {
-        return s;
+        return l;
     },
     centeredCarousel: function() {
         return d;
@@ -49,29 +49,29 @@ _export(exports, {
         return i;
     },
     slideshowBullets: function() {
-        return w;
+        return m;
     },
     slideshowContainer: function() {
-        return m;
+        return w;
     },
     slideshowItem: function() {
-        return h;
+        return p;
     },
     slideshowNextArrowButton: function() {
-        return P;
+        return x;
     },
     slideshowPrevArrowButton: function() {
-        return p;
+        return h;
     },
     vars: function() {
-        return A;
+        return P;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 require("./grid-layout.css.ts.vanilla.css-mistica.js");
 require("./carousel.css.ts.vanilla.css-mistica.js");
-var f = "_1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf44", b = "_1abcu72 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf45", y = "_1abcu72 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf4k", c = "_1abcu75 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn", r = "_1abcu7l _1abcu7b _1y2v1nfb4 _1y2v1nfco", e = "_1y2v1nfb4 _1y2v1nfbd", u = "_1y2v1nfd1 _1y2v1nfaz", l = "_1abcu7o", o = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0", t = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0", s = "_1abcu7m", d = "_1abcu7n", i = "_1abcu7v _1abcu7b _1y2v1nfb4 _1y2v1nfco", w = "_1abcu713 _1y2v1nfb0 _1y2v1nffm _1y2v1nfb4 _1y2v1nfbd _1y2v1nfbr", m = "_1y2v1nfaz", h = "_1abcu7x _1y2v1nfbr _1y2v1nfbm", P = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0 _1y2v1nff7", p = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0 _1y2v1nfes", A = {
+var f = "_1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf44", b = "_1abcu72 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf45", y = "_1abcu72 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf4k", c = "_1abcu75 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo", r = "_1abcu7l _1abcu7b _1y2v1nfb5 _1y2v1nfcp", e = "_1y2v1nfb5 _1y2v1nfbe", u = "_1y2v1nfd2 _1y2v1nfaz", o = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0", s = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0", l = "_1abcu7m", d = "_1abcu7n", i = "_1abcu7v _1abcu7b _1y2v1nfb5 _1y2v1nfcp", m = "_1abcu713 _1y2v1nfb0 _1y2v1nffr _1y2v1nfb5 _1y2v1nfbe _1y2v1nfbs", w = "_1y2v1nfaz", p = "_1abcu7x _1y2v1nfbs _1y2v1nfbn", x = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0 _1y2v1nffc", h = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0 _1y2v1nfex", P = {
     itemsPerPageMobile: "var(--_1abcu7g)",
     itemsPerPageTablet: "var(--_1abcu7h)",
     itemsPerPageDesktop: "var(--_1abcu7i)",

package/dist/checkbox.css-mistica.js

@@ -10,19 +10,19 @@ function _export(target, all) {
 }
 _export(exports, {
     boxVariant: function() {
-        return v;
+        return n;
     },
     check: function() {
-        return n;
+        return v;
     },
     checkChecked: function() {
         return r;
     },
     checkboxContainer: function() {
-        return y;
+        return f;
     },
     checkboxContainerDisabled: function() {
-        return f;
+        return y;
     },
     disabled: function() {
         return e;
@@ -30,8 +30,8 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./checkbox.css.ts.vanilla.css-mistica.js");
-var v = {
-    ios: "_1rz9b16 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30",
-    rest: "_1rz9b17 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30",
-    checked: "_1rz9b18 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30"
-}, n = "_1rz9b1a _1y2v1nfb6", r = "_1rz9b1b", y = "_1rz9b12 _1rz9b11 _1y2v1nfb7", f = "_1rz9b13 _1rz9b11 _1y2v1nfb7", e = "_1rz9b1c";
+var n = {
+    ios: "_1rz9b16 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30",
+    rest: "_1rz9b17 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30",
+    checked: "_1rz9b18 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30"
+}, v = "_1rz9b1a _1y2v1nfb7", r = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfb8", y = "_1rz9b13 _1rz9b11 _1y2v1nfb8", e = "_1rz9b1c";

package/dist/chip.css-mistica.js

@@ -27,11 +27,11 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./chip.css.ts.vanilla.css-mistica.js");
-var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdm _1y2v1nf5y", t = {
+var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdn _1y2v1nf5y", t = {
     light: "cc7htnb cc7htn9",
     dark: "cc7htnc cc7htn9"
 }, f = {
-    default: "cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf31 _1y2v1nf1w",
-    overAlternative: "cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf38 _1y2v1nf1w",
-    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf16 _1y2v1nf5k"
+    default: "cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf31 _1y2v1nf1w",
+    overAlternative: "cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf38 _1y2v1nf1w",
+    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf16 _1y2v1nf5k"
 }, y = "cc7htnd", _ = "cc7htne";

package/dist/circle.css-mistica.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "circle", {
     enumerable: true,
     get: function() {
-        return p;
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./circle.css.ts.vanilla.css-mistica.js");
-var p = "_1wpwyyp1 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn";
+var r = "_1wpwyyp1 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo";

package/dist/community/advanced-data-card.css-mistica.js

@@ -37,10 +37,10 @@ _export(exports, {
         return i;
     },
     footerText: function() {
-        return x;
+        return b;
     },
     hoverEffect: function() {
-        return b;
+        return x;
     },
     marginRightAuto: function() {
         return e;
@@ -60,7 +60,7 @@ _export(exports, {
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
-var v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbg _1y2v1nf7t", _ = {
+var v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbh _1y2v1nf7t", _ = {
     default: "_1x00frui",
     mobile: "_1x00fruj"
-}, n = "_1x00frup", a = "_1x00frul", t = "_1x00frum _1x00frul", y = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t", u = "_1y2v1nfaz _1y2v1nfb4 _1y2v1nfbq _1y2v1nfba _1y2v1nfbr _1y2v1nfc8 _1x00fru9", o = "_1x00frug", i = "_1x00fruo _1y2v1nfb4 _1y2v1nfb9", x = "_1y2v1nfb4 _1y2v1nfbq _1y2v1nfbj _1y2v1nfdd", b = "_1x00fru6", e = "_1x00fruk", d = "_1y2v1nff5", c = "_1x00fru9", g = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", l = "_1x00fru5 _1y2v1nfc8 _1y2v1nfba";
+}, n = "_1x00frup", a = "_1x00frul", t = "_1x00frum _1x00frul", y = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t", u = "_1y2v1nfaz _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbb _1y2v1nfbs _1y2v1nfc9 _1x00fru9", o = "_1x00frug", i = "_1x00fruo _1y2v1nfb5 _1y2v1nfba", b = "_1y2v1nfb5 _1y2v1nfbr _1y2v1nfbk _1y2v1nfde", x = "_1x00fru6", e = "_1x00fruk", d = "_1y2v1nffa", c = "_1x00fru9", g = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", l = "_1x00fru5 _1y2v1nfc9 _1y2v1nfbb";

package/dist/community/blocks.css-mistica.js

@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./blocks.css.ts.vanilla.css-mistica.js");
-var t = "_1y2v1nfb4 _1y2v1nfba", o = "llrsen1";
+var t = "_1y2v1nfb5 _1y2v1nfbb", o = "llrsen1";

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 {};