@telefonica/mistica 14.28.1 → 14.30.0

package/dist/navigation-bar.js

@@ -10,19 +10,19 @@ function _export(target, all) {
 }
 _export(exports, {
     FunnelNavigationBar: function() {
-        return dn;
+        return un;
     },
     MainNavigationBar: function() {
-        return sn;
+        return dn;
     },
     NavigationBar: function() {
-        return ln;
+        return mn;
     },
     NavigationBarAction: function() {
-        return un;
+        return hn;
     },
     NavigationBarActionGroup: function() {
-        return mn;
+        return pn;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -52,6 +52,7 @@ const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _dom = require("./utils/dom.js");
 const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
+const _platform = require("./utils/platform.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -175,7 +176,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const _e = (param)=>/* @__PURE__ */ {
+const ke = (param)=>/* @__PURE__ */ {
     let { isOpen: n  } = param;
     return (0, _jsxruntime.jsxs)("div", {
         className: _navigationbarcssmistica.burgerIconContainer,
@@ -192,7 +193,7 @@ const _e = (param)=>/* @__PURE__ */ {
             })
         ]
     });
-}, ke = 300, N = (param)=>{
+}, Ee = 300, f = (param)=>{
     let { children: n , topFixed: o , withBorder: t , isMenuOpen: r , isInverse: a , dataAttributes: c , isBottomRow: d = !1  } = param;
     const { isDarkMode: s  } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("header", _object_spread_props(_object_spread({
@@ -210,7 +211,7 @@ const _e = (param)=>/* @__PURE__ */ {
     }, (0, _dom.getPrefixedDataAttributes)(c)), {
         children: n
     }));
-}, Ee = 136, Ge = 24, f = (param)=>{
+}, Ge = 136, ye = 24, N = (param)=>{
     let { right: n , children: o  } = param;
     const { isTabletOrSmaller: t  } = (0, _hooks.useScreenSize)();
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
@@ -220,13 +221,13 @@ const _e = (param)=>/* @__PURE__ */ {
             n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _navigationbarcssmistica.navigationBarContentRight,
                 style: {
-                    marginLeft: t ? Ge : Ee
+                    marginLeft: t ? ye : Ge
                 },
                 children: n
             })
         ]
     });
-}, sn = (param)=>{
+}, dn = (param)=>{
     let { sections: n , selectedIndex: o , right: t , isInverse: r = !1 , topFixed: a = !0 , withBorder: c = !0 , burgerMenuExtra: d , logo: s , large: p = !1  } = param;
     const { texts: h , isDarkMode: q  } = (0, _hooks.useTheme)(), [l, x] = _react.useState(!1), [_, v] = _react.useState("closed"), k = (0, _hooks.useAriaId)(), J = q ? 1 : 0.2, { isTabletOrSmaller: E  } = (0, _hooks.useScreenSize)(), G = (0, _modalcontextprovider.useSetModalState)();
     if (s = s !== null && s !== void 0 ? s : /* @__PURE__ */ (0, _jsxruntime.jsx)(_logo.Logo, {
@@ -249,7 +250,7 @@ const _e = (param)=>/* @__PURE__ */ {
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
                             isInverse: r,
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
                                 topFixed: a,
                                 withBorder: c,
                                 isMenuOpen: l,
@@ -258,7 +259,7 @@ const _e = (param)=>/* @__PURE__ */ {
                                     "component-name": "MainNavigationBar"
                                 },
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
-                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
                                         right: t,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
                                             space: 24,
@@ -270,7 +271,7 @@ const _e = (param)=>/* @__PURE__ */ {
                                                     "aria-expanded": l,
                                                     "aria-controls": k,
                                                     onPress: l ? b : I,
-                                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_e, {
+                                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ke, {
                                                         isOpen: l
                                                     })
                                                 }),
@@ -307,7 +308,7 @@ const _e = (param)=>/* @__PURE__ */ {
                                 v("closed");
                             },
                             in: l,
-                            timeout: ke,
+                            timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : Ee,
                             unmountOnExit: !0,
                             children: (K)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("nav", {
@@ -366,7 +367,7 @@ const _e = (param)=>/* @__PURE__ */ {
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
         isInverse: r,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
                 topFixed: a,
                 withBorder: c && !B,
                 isMenuOpen: l,
@@ -375,7 +376,7 @@ const _e = (param)=>/* @__PURE__ */ {
                     "component-name": "MainNavigationBar"
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
                         right: t,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
                             space: 48,
@@ -391,7 +392,7 @@ const _e = (param)=>/* @__PURE__ */ {
                     })
                 })
             }),
-            B && /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
+            B && /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
                 topFixed: a,
                 withBorder: c,
                 isBottomRow: !0,
@@ -401,7 +402,7 @@ const _e = (param)=>/* @__PURE__ */ {
                     "component-name": "MainNavigationBar"
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
                         children: y()
                     })
                 })
@@ -411,9 +412,9 @@ const _e = (param)=>/* @__PURE__ */ {
             })
         ]
     });
-}, ln = (param)=>{
+}, mn = (param)=>{
     let { onBack: n , title: o , right: t , isInverse: r = !1 , topFixed: a = !0 , paddingX: c = 0 , withBorder: d = !0  } = param;
-    const { texts: s  } = (0, _hooks.useTheme)(), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+    const { texts: s  } = (0, _hooks.useTheme)(), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
         right: t,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 24,
@@ -438,7 +439,7 @@ const _e = (param)=>/* @__PURE__ */ {
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
         isInverse: r,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
                 topFixed: a,
                 withBorder: d,
                 isInverse: r,
@@ -462,7 +463,7 @@ const _e = (param)=>/* @__PURE__ */ {
             })
         ]
     });
-}, dn = (param)=>{
+}, un = (param)=>{
     let { logo: n , right: o , isInverse: t = !1 , topFixed: r = !0 , withBorder: a = !0  } = param;
     const { isTabletOrSmaller: c  } = (0, _hooks.useScreenSize)();
     return n = n !== null && n !== void 0 ? n : /* @__PURE__ */ (0, _jsxruntime.jsx)(_logo.Logo, {
@@ -470,7 +471,7 @@ const _e = (param)=>/* @__PURE__ */ {
     }), /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
         isInverse: t,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
                 topFixed: r,
                 withBorder: a,
                 isInverse: t,
@@ -480,7 +481,7 @@ const _e = (param)=>/* @__PURE__ */ {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_gridlayout.default, {
                         template: "10",
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
                             right: o,
                             children: n
                         })
@@ -492,7 +493,7 @@ const _e = (param)=>/* @__PURE__ */ {
             })
         ]
     });
-}, mn = (param)=>/* @__PURE__ */ {
+}, pn = (param)=>/* @__PURE__ */ {
     let { children: n  } = param;
     return (0, _jsxruntime.jsx)("div", {
         className: _navigationbarcssmistica.lineHeightFix,
@@ -503,7 +504,7 @@ const _e = (param)=>/* @__PURE__ */ {
             children: n
         })
     });
-}, un = (_param)=>{
+}, hn = (_param)=>{
     var { children: n  } = _param, o = _object_without_properties(_param, [
         "children"
     ]);

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "14.28.1";
+const o = "14.30.0";

package/dist/snackbar.css-mistica.js

@@ -10,31 +10,31 @@ function _export(target, all) {
 }
 _export(exports, {
     TRANSITION_TIME_IN_MS: function() {
-        return n;
+        return b;
     },
     button: function() {
-        return b;
+        return f;
     },
-    buttonCritical: function() {
-        return v;
+    content: function() {
+        return _;
     },
-    buttonInfo: function() {
-        return o;
+    dismissButton: function() {
+        return r;
     },
-    content: function() {
-        return t;
+    dismissIcon: function() {
+        return y;
     },
     longButton: function() {
-        return f;
+        return a;
     },
     snackbar: function() {
-        return _;
+        return o;
     },
     snackbarOpen: function() {
-        return p;
+        return t;
     },
     wrapper: function() {
-        return y;
+        return p;
     },
     wrapperCritical: function() {
         return e;
@@ -48,4 +48,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./snackbar.css.ts.vanilla.css-mistica.js");
-var n = 300, b = "o7bjb09", v = "_1y2v1nf1x", o = "_1y2v1nf2a", t = "_1y2v1nfb6 _1y2v1nfbi", f = "o7bjb0a", _ = "o7bjb01 _1y2v1nfbt _1y2v1nfb6 _1y2v1nfbf", p = "o7bjb02", y = "o7bjb04 _1y2v1nfb2 _1y2v1nfdz", e = "_1y2v1nf4g", i = "_1y2v1nf4h", j = "o7bjb07";
+var b = 300, f = "o7bjb0a", _ = "_1y2v1nfb6 _1y2v1nfbi", r = {
+    centered: "o7bjb0e _1y2v1nfb6 _1y2v1nfb1 _1y2v1nfbl _1y2v1nfbf _1y2v1nff9",
+    topRight: "_1y2v1nfb6 _1y2v1nfb1 _1y2v1nfbl _1y2v1nfbf _1y2v1nff9 _1y2v1nfef"
+}, y = "o7bjb0h _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", a = "o7bjb0b", o = "o7bjb01 _1y2v1nfbt _1y2v1nfb6 _1y2v1nfbf", t = "o7bjb02", p = "o7bjb04 _1y2v1nfb2 _1y2v1nfdz", e = "_1y2v1nf4g", i = "_1y2v1nf4h", j = "o7bjb07";

package/dist/snackbar.css.d.ts

@@ -6,7 +6,8 @@ export declare const wrapperCritical: string;
 export declare const wrapperInfo: string;
 export declare const wrapperOpen: string;
 export declare const content: string;
+export declare const textContainer: string;
 export declare const button: string;
 export declare const longButton: string;
-export declare const buttonInfo: string;
-export declare const buttonCritical: string;
+export declare const dismissButton: Record<"centered" | "topRight", string>;
+export declare const dismissIcon: string;

package/dist/snackbar.d.ts

@@ -1,14 +1,18 @@
 import * as React from 'react';
 import type { DataAttributes } from './utils/types';
 type SnackbarType = 'INFORMATIVE' | 'CRITICAL';
+type SnackbarCloseHandler = (result: {
+    action: 'DISMISS' | 'TIMEOUT' | 'BUTTON' | 'CONSECUTIVE';
+}) => unknown;
 type Props = {
     buttonText?: string;
     duration?: number;
     message: string;
-    onClose?: () => unknown;
+    onClose?: SnackbarCloseHandler;
     type?: SnackbarType;
     children?: void;
     dataAttributes?: DataAttributes;
+    withDismiss?: boolean;
 };
 declare const Snackbar: React.FC<Props>;
 export default Snackbar;

package/dist/snackbar.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return re;
+        return fe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -20,6 +20,8 @@ const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _dom = require("./utils/dom.js");
 const _portal = require("./portal.js");
+const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-close-regular.js"));
+const _iconbutton = /*#__PURE__*/ _interop_require_default(require("./icon-button.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -116,97 +118,150 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const z = (param)=>{
-    let { message: a , buttonText: e , duration: t = e ? 1e4 : 5e3 , onClose: n = ()=>{} , type: o = "INFORMATIVE" , dataAttributes: c  } = param;
-    const [i, u] = _react.useState(!1), { width: d , ref: h  } = (0, _hooks.useElementDimensions)(), { isDesktopOrBigger: I  } = (0, _hooks.useScreenSize)(), m = d > (I ? 160 : 128), f = _react.useCallback(()=>{
-        u(!1), setTimeout(()=>{
-            n();
+const q = 5e3, G = 1e4, J = (param)=>{
+    let { message: l , buttonText: o , duration: r , onClose: n , type: c , withDismiss: m = !1 , dataAttributes: f  } = param;
+    const { texts: d  } = (0, _hooks.useTheme)(), [i, e] = _react.useState(!1), { width: N , ref: v  } = (0, _hooks.useElementDimensions)(), { isDesktopOrBigger: B  } = (0, _hooks.useScreenSize)(), s = N > (B ? 160 : 128), T = r === 1 / 0 && !o || m, u = _react.useCallback((h)=>{
+        e(!1), setTimeout(()=>{
+            n == null || n(h);
         }, _snackbarcssmistica.TRANSITION_TIME_IN_MS);
     }, [
         n
     ]);
     return _react.useEffect(()=>{
-        const g = setTimeout(()=>{
-            u(!0);
-        }, 50), b = setTimeout(f, t);
+        const h = setTimeout(()=>{
+            e(!0);
+        }, 50), O = setTimeout(()=>{
+            u({
+                action: "TIMEOUT"
+            });
+        }, r);
         return ()=>{
-            clearTimeout(g), clearTimeout(b);
+            clearTimeout(h), clearTimeout(O);
         };
     }, [
-        f,
-        t
+        u,
+        r
     ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: (0, _classnames.default)(_snackbarcssmistica.snackbar, {
                 [_snackbarcssmistica.snackbarOpen]: i
             }),
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+            children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
                 role: "alert",
-                className: (0, _classnames.default)(_snackbarcssmistica.wrapper, o === "CRITICAL" ? _snackbarcssmistica.wrapperCritical : _snackbarcssmistica.wrapperInfo, {
+                className: (0, _classnames.default)(_snackbarcssmistica.wrapper, c === "CRITICAL" ? _snackbarcssmistica.wrapperCritical : _snackbarcssmistica.wrapperInfo, {
                     [_snackbarcssmistica.wrapperOpen]: i
                 })
-            }, (0, _dom.getPrefixedDataAttributes)(c, "SnackBar")), {
-                children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                    className: (0, _classnames.default)(_snackbarcssmistica.content, (0, _sprinklescssmistica.sprinkles)({
-                        flexDirection: m ? "column" : "row",
-                        alignItems: m ? void 0 : "center"
-                    })),
-                    children: [
-                        /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                            regular: !0,
-                            color: _skincontractcssmistica.vars.colors.textPrimaryInverse,
-                            children: a
-                        }),
-                        e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(_snackbarcssmistica.button, o === "CRITICAL" ? _snackbarcssmistica.buttonCritical : _snackbarcssmistica.buttonInfo, {
-                                [_snackbarcssmistica.longButton]: m
+            }, (0, _dom.getPrefixedDataAttributes)(f, "SnackBar")), {
+                children: [
+                    /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                        className: (0, _classnames.default)(_snackbarcssmistica.content, (0, _sprinklescssmistica.sprinkles)({
+                            flexDirection: s ? "column" : "row",
+                            alignItems: s ? void 0 : "center"
+                        })),
+                        style: T && !s ? {
+                            paddingRight: 32
+                        } : void 0,
+                        children: [
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                style: T && s ? {
+                                    paddingRight: 32
+                                } : void 0,
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                    regular: !0,
+                                    color: _skincontractcssmistica.vars.colors.textPrimaryInverse,
+                                    children: l
+                                })
                             }),
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                                className: (0, _sprinklescssmistica.sprinkles)({
-                                    border: "none",
-                                    padding: 0,
-                                    background: "transparent",
-                                    color: "inherit"
+                            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                className: (0, _classnames.default)(_snackbarcssmistica.button, {
+                                    [_snackbarcssmistica.longButton]: s
                                 }),
-                                style: {
-                                    lineHeight: "inherit",
-                                    fontWeight: "inherit"
-                                },
-                                ref: h,
-                                onPress: f,
-                                children: e
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
+                                    className: (0, _sprinklescssmistica.sprinkles)({
+                                        paddingY: 4,
+                                        paddingX: 8,
+                                        border: "none",
+                                        padding: 0,
+                                        background: "transparent"
+                                    }),
+                                    ref: v,
+                                    onPress: ()=>{
+                                        u({
+                                            action: "BUTTON"
+                                        });
+                                    },
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                                        medium: !0,
+                                        forceMobileSizes: !0,
+                                        truncate: !0,
+                                        color: c === "CRITICAL" ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textLinkSnackbar,
+                                        children: o
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    T ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
+                        size: 32,
+                        onPress: ()=>{
+                            u({
+                                action: "DISMISS"
+                            });
+                        },
+                        "aria-label": d.closeButtonLabel,
+                        className: _snackbarcssmistica.dismissButton[s ? "topRight" : "centered"],
+                        style: {
+                            display: "flex"
+                        },
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            className: _snackbarcssmistica.dismissIcon,
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
+                                color: _skincontractcssmistica.vars.colors.inverse,
+                                size: 20
                             })
                         })
-                    ]
-                })
+                    }) : null
+                ]
             }))
         })
     });
-}, H = (param)=>{
-    let { message: a , buttonText: e , duration: t = e ? 1e4 : 5e3 , onClose: n = ()=>{} , type: o = "INFORMATIVE"  } = param;
-    const c = (0, _webviewbridge.isWebViewBridgeAvailable)(), i = _react.useRef(n);
+}, K = (param)=>{
+    let { message: l , buttonText: o , duration: r , onClose: n = ()=>{} , type: c = "INFORMATIVE" , withDismiss: m  } = param;
+    const f = o ? G : q;
+    r = Math.max(r !== null && r !== void 0 ? r : f, f);
+    const d = (0, _webviewbridge.isWebViewBridgeAvailable)(), i = _react.useRef(n);
     return _react.useEffect(()=>{
         i.current = n;
     }, [
         n
     ]), _react.useEffect(()=>{
-        c && (0, _webviewbridge.nativeMessage)({
-            message: a,
-            duration: t,
-            buttonText: e,
-            type: o
-        }).then(i.current);
+        d && (0, _webviewbridge.nativeMessage)({
+            message: l,
+            // @ts-expect-error duration can be 'PERSISTENT' in new webview-bridge lib versions, and old apps will ignore it
+            duration: r === 1 / 0 ? "PERSISTENT" : void 0,
+            buttonText: o,
+            type: c,
+            withDismiss: m
+        }).then((e)=>{
+            !e || typeof e != "object" || !("action" in e) || typeof e.action != "string" || e.action !== "DISMISS" && e.action !== "TIMEOUT" && e.action !== "BUTTON" ? i.current({
+                action: "DISMISS"
+            }) : i.current({
+                action: e.action
+            });
+        });
     }, [
-        e,
-        t,
-        a,
+        o,
+        r,
+        l,
+        d,
         c,
-        o
-    ]), c ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(z, {
-        message: a,
-        duration: t,
-        buttonText: e,
-        type: o,
-        onClose: i.current
+        m
+    ]), d ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(J, {
+        message: l,
+        duration: r,
+        buttonText: o,
+        type: c,
+        onClose: i.current,
+        withDismiss: m
     });
-}, re = H;
+}, fe = K;

package/dist/theme.d.ts

@@ -41,6 +41,12 @@ declare const TEXTS_ES: {
     progressBarCompletedLabel: string;
     progressBarStepLabel: string;
     pinFieldInputLabel: string;
+    counterRemoveLabel: string;
+    counterIncreaseLabel: string;
+    counterDecreaseLabel: string;
+    counterQuantity: string;
+    counterMinValue: string;
+    counterMaxValue: string;
 };
 export declare const getTexts: (locale: Locale) => typeof TEXTS_ES;
 export declare const NAVBAR_HEIGHT_MOBILE = 56;