@telefonica/mistica 14.13.0 → 14.15.0

package/dist/carousel.css-mistica.js

@@ -10,34 +10,34 @@ function _export(target, all) {
 }
 _export(exports, {
     bullet: function() {
-        return y;
+        return f;
     },
     bulletActive: function() {
-        return f;
+        return y;
     },
     bulletActiveInverse: function() {
         return r;
     },
     bulletInverse: function() {
-        return e;
+        return b;
     },
     carousel: function() {
-        return u;
+        return e;
     },
     carouselBullets: function() {
-        return b;
+        return u;
     },
     carouselContainer: function() {
         return c;
     },
     carouselItem: function() {
-        return l;
+        return t;
     },
     carouselNextArrowButton: function() {
-        return t;
+        return o;
     },
     carouselPrevArrowButton: function() {
-        return o;
+        return l;
     },
     carouselWithScroll: function() {
         return s;
@@ -55,23 +55,23 @@ _export(exports, {
         return w;
     },
     slideshowItem: function() {
-        return g;
+        return h;
     },
     slideshowNextArrowButton: function() {
-        return h;
+        return p;
     },
     slideshowPrevArrowButton: function() {
-        return P;
+        return q;
     },
     vars: function() {
-        return p;
+        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 y = "_1abcu71 _1y2v1nf8g _1y2v1nf8v _1y2v1nfa3 _1y2v1nf44", f = "_1abcu72 _1abcu71 _1y2v1nf8g _1y2v1nf8v _1y2v1nfa3 _1y2v1nf45", r = "_1abcu72 _1abcu71 _1y2v1nf8g _1y2v1nf8v _1y2v1nfa3 _1y2v1nf4k", e = "_1abcu75 _1abcu71 _1y2v1nf8g _1y2v1nf8v _1y2v1nfa3", u = "_1abcu7l _1abcu7b _1y2v1nf64 _1y2v1nf96", b = "_1y2v1nf64 _1y2v1nf6d", c = "_1y2v1nf9i _1y2v1nf5z", l = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3 _1y2v1nf31 _1y2v1nf8l _1y2v1nf90 _1y2v1nfa1 _1y2v1nf60", o = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3 _1y2v1nf31 _1y2v1nf8l _1y2v1nf90 _1y2v1nfa1 _1y2v1nf60", s = "_1abcu7m", i = "_1abcu7n", d = "_1abcu7v _1abcu7b _1y2v1nf64 _1y2v1nf96", m = "_1abcu713 _1y2v1nf60 _1y2v1nfby _1y2v1nf64 _1y2v1nf6d _1y2v1nf8b", w = "_1y2v1nf5z", g = "_1abcu7x _1y2v1nf8b _1y2v1nf6m", h = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3 _1y2v1nf31 _1y2v1nf8l _1y2v1nf90 _1y2v1nfa1 _1y2v1nf60 _1y2v1nfbk", P = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3 _1y2v1nf31 _1y2v1nf8l _1y2v1nf90 _1y2v1nfa1 _1y2v1nf60 _1y2v1nfb6", p = {
+var f = "_1abcu71 _1y2v1nf8k _1y2v1nf90 _1y2v1nfab _1y2v1nf44", y = "_1abcu72 _1abcu71 _1y2v1nf8k _1y2v1nf90 _1y2v1nfab _1y2v1nf45", r = "_1abcu72 _1abcu71 _1y2v1nf8k _1y2v1nf90 _1y2v1nfab _1y2v1nf4k", b = "_1abcu75 _1abcu71 _1y2v1nf8k _1y2v1nf90 _1y2v1nfab", e = "_1abcu7l _1abcu7b _1y2v1nf64 _1y2v1nf9c", u = "_1y2v1nf64 _1y2v1nf6d", c = "_1y2v1nf9p _1y2v1nf5z", t = "_1abcu7o", o = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab _1y2v1nf31 _1y2v1nf8q _1y2v1nf96 _1y2v1nfa9 _1y2v1nf60", l = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab _1y2v1nf31 _1y2v1nf8q _1y2v1nf96 _1y2v1nfa9 _1y2v1nf60", s = "_1abcu7m", i = "_1abcu7n", d = "_1abcu7v _1abcu7b _1y2v1nf64 _1y2v1nf9c", m = "_1abcu713 _1y2v1nf60 _1y2v1nfca _1y2v1nf64 _1y2v1nf6d _1y2v1nf8f", w = "_1y2v1nf5z", h = "_1abcu7x _1y2v1nf8f _1y2v1nf6m", p = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab _1y2v1nf31 _1y2v1nf8q _1y2v1nf96 _1y2v1nfa9 _1y2v1nf60 _1y2v1nfbv", q = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab _1y2v1nf31 _1y2v1nf8q _1y2v1nf96 _1y2v1nfa9 _1y2v1nf60 _1y2v1nfbg", P = {
     itemsPerPageMobile: "var(--_1abcu7g)",
     itemsPerPageTablet: "var(--_1abcu7h)",
     itemsPerPageDesktop: "var(--_1abcu7i)",

package/dist/checkbox.css-mistica.js

@@ -25,13 +25,13 @@ _export(exports, {
         return b;
     },
     disabled: function() {
-        return e;
+        return a;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./checkbox.css.ts.vanilla.css-mistica.js");
 var n = {
-    ios: "_1rz9b15 _1rz9b14 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6m _1y2v1nfae _1y2v1nf30",
-    rest: "_1rz9b16 _1rz9b14 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6m _1y2v1nfae _1y2v1nf30",
-    checked: "_1rz9b17 _1rz9b14 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6m _1y2v1nfae _1y2v1nf30"
-}, r = "_1rz9b19 _1y2v1nf66", f = "_1rz9b1a", y = "_1rz9b11 _1y2v1nf67", b = "_1rz9b12", e = "_1rz9b1b";
+    ios: "_1rz9b15 _1rz9b14 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6m _1y2v1nfam _1y2v1nf30",
+    rest: "_1rz9b16 _1rz9b14 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6m _1y2v1nfam _1y2v1nf30",
+    checked: "_1rz9b17 _1rz9b14 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6m _1y2v1nfam _1y2v1nf30"
+}, r = "_1rz9b19 _1y2v1nf66", f = "_1rz9b1a", y = "_1rz9b11 _1y2v1nf67", b = "_1rz9b12", a = "_1rz9b1b";

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 = "_1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nfa2 _1y2v1nf5y", t = {
+var c = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y", t = {
     light: "cc7htnb cc7htn9",
     dark: "cc7htnc cc7htn9"
 }, f = {
-    default: "cc7htn1 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nfa1 _1y2v1nf31 _1y2v1nf1w",
-    overAlternative: "cc7htn1 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nfa1 _1y2v1nf38 _1y2v1nf1w",
-    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nfa1 _1y2v1nf16 _1y2v1nf5k"
+    default: "cc7htn1 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nfa9 _1y2v1nf31 _1y2v1nf1w",
+    overAlternative: "cc7htn1 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nfa9 _1y2v1nf38 _1y2v1nf1w",
+    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nfa9 _1y2v1nf16 _1y2v1nf5k"
 }, y = "cc7htnd", _ = "cc7htne";

package/dist/chip.d.ts

@@ -6,6 +6,7 @@ interface SimpleChipProps {
     Icon?: React.FC<IconProps>;
     id?: string;
     dataAttributes?: DataAttributes;
+    badge?: boolean | number;
 }
 interface ClosableChipProps extends SimpleChipProps {
     onClose: () => void;

package/dist/chip.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return S;
+        return re;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _hooks = require("./hooks.js");
+const _badge = /*#__PURE__*/ _interop_require_default(require("./badge.js"));
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _text = require("./text.js");
 const _iconbutton = /*#__PURE__*/ _interop_require_default(require("./icon-button.js"));
@@ -78,74 +79,89 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const z = (e)=>{
-    const { Icon: i , children: v , id: g , dataAttributes: l , active: o , onClose: s  } = e, { texts: b , isDarkMode: C  } = (0, _hooks.useTheme)(), m = (0, _themevariantcontext.useThemeVariant)() === "alternative", d = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+const F = (e)=>{
+    const { Icon: c , children: P , id: k , dataAttributes: l , active: s , badge: r , onClose: d  } = e, { texts: T , isDarkMode: A , textPresets: I  } = (0, _hooks.useTheme)(), m = (0, _themevariantcontext.useThemeVariant)() === "alternative", { isTabletOrSmaller: a  } = (0, _hooks.useScreenSize)(), f = c ? a ? 16 : 8 : a ? 20 : 12, R = a ? 20 : 12, b = a ? 16 : 8, w = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+            children: r === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
+                value: r
+            })
+        }) : null, h = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 4,
-                className: o ? _chipcssmistica.iconActive : _chipcssmistica.icon,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
+                className: s ? _chipcssmistica.iconActive : _chipcssmistica.icon,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
                     color: "currentColor",
                     size: (0, _css.pxToRem)(16)
                 })
             }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                id: g,
-                medium: !0,
-                truncate: 1,
-                color: "currentColor",
-                children: v
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                paddingRight: r ? 8 : d ? 4 : 0,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                    id: k,
+                    weight: I.indicator.weight,
+                    truncate: 1,
+                    color: "currentColor",
+                    children: P
+                })
             })
         ]
-    }), f = i ? 8 : 12;
-    if (s) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
+    });
+    if (r) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
         className: m ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default,
-        paddingLeft: f
+        paddingLeft: f,
+        paddingRight: b
     }, (0, _dom.getPrefixedDataAttributes)(l, "Chip")), {
         children: [
-            d,
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingLeft: 4,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
-                    size: 24,
-                    style: {
-                        display: "flex",
-                        justifyContent: "center",
-                        alignItems: "center"
-                    },
-                    "aria-label": b.closeButtonLabel,
-                    onPress: ()=>s(),
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
-                        size: 16,
-                        color: _skincontractcssmistica.vars.colors.neutralMedium
-                    })
+            h,
+            w()
+        ]
+    }));
+    if (d) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
+        className: m ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default,
+        paddingLeft: f,
+        paddingRight: b
+    }, (0, _dom.getPrefixedDataAttributes)(l, "Chip")), {
+        children: [
+            h,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
+                size: 24,
+                style: {
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center"
+                },
+                "aria-label": T.closeButtonLabel,
+                onPress: ()=>d(),
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
+                    size: 16,
+                    color: _skincontractcssmistica.vars.colors.neutralMedium
                 })
             })
         ]
     }));
-    const x = o !== void 0 || e.href || e.onPress || e.to, r = ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, _object_spread_props(_object_spread({
-            className: (0, _classnames.default)(_chipcssmistica.chipVariants[o ? "active" : m ? "overAlternative" : "default"], {
-                [_chipcssmistica.chipInteractiveVariants[C ? "dark" : "light"]]: x
+    const B = s !== void 0 || e.href || e.onPress || e.to, o = ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, _object_spread_props(_object_spread({
+            className: (0, _classnames.default)(_chipcssmistica.chipVariants[s ? "active" : m ? "overAlternative" : "default"], {
+                [_chipcssmistica.chipInteractiveVariants[A ? "dark" : "light"]]: B
             }),
             paddingLeft: f,
-            paddingRight: 12
+            paddingRight: R
         }, (0, _dom.getPrefixedDataAttributes)(l, "Chip")), {
-            children: d
+            children: h
         }));
     return e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: _chipcssmistica.button,
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
-        children: r()
+        children: o()
     }) : e.to ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
-        children: r()
+        children: o()
     }) : e.href ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
-        children: r()
-    }) : r();
-}, S = z;
+        children: o()
+    }) : o();
+}, re = F;

package/dist/circle.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "circle", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./circle.css.ts.vanilla.css-mistica.js");
-var r = "_1wpwyyp1 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3";
+var r = "_1wpwyyp1 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab";

package/dist/dialog.css-mistica.js

@@ -42,7 +42,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./dialog.css.ts.vanilla.css-mistica.js");
-var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6x", a = "_3dl29lj _1y2v1nf6q _1y2v1nf9l", l = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6w _1y2v1nf7a _1y2v1nf7o _1y2v1nf82 _1y2v1nf60 _1y2v1nfam _1y2v1nfbe", o = "_3dl29la _1y2v1nf30 _1y2v1nfab", r = "_3dl29l5 _1y2v1nf61 _1y2v1nf64 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6a _1y2v1nfam _1y2v1nfbe _1y2v1nfbs _1y2v1nfb0 _1y2v1nf3b", t = {
-    dialog: "_3dl29ld _1y2v1nf64 _1y2v1nf6a _1y2v1nf6g _1y2v1nf7p _1y2v1nf83 _1y2v1nf6z _1y2v1nf7b",
-    default: "_3dl29ld _1y2v1nf64 _1y2v1nf6a _1y2v1nf6g _1y2v1nf6x _1y2v1nf7b _1y2v1nf7p _1y2v1nf83"
+var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6y", a = "_3dl29lj _1y2v1nf6q _1y2v1nf9s", l = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6w _1y2v1nf7b _1y2v1nf7q _1y2v1nf85 _1y2v1nf60 _1y2v1nfau _1y2v1nfbo", o = "_3dl29la _1y2v1nf30 _1y2v1nfaj", r = "_3dl29l5 _1y2v1nf61 _1y2v1nf64 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6a _1y2v1nfau _1y2v1nfbo _1y2v1nfc3 _1y2v1nfb9 _1y2v1nf3b", t = {
+    dialog: "_3dl29ld _1y2v1nf64 _1y2v1nf6a _1y2v1nf6g _1y2v1nf7s _1y2v1nf87 _1y2v1nf70 _1y2v1nf7d",
+    default: "_3dl29ld _1y2v1nf64 _1y2v1nf6a _1y2v1nf6g _1y2v1nf6y _1y2v1nf7d _1y2v1nf7s _1y2v1nf87"
 }, e = "_3dl29l3 _1y2v1nf5z";

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 _1y2v1nf64 _1y2v1nf69 _1y2v1nf8b",
-    fullWidth: "skrulh2 _1y2v1nf64 _1y2v1nf69 _1y2v1nf8b"
+    default: "skrulh1 _1y2v1nf64 _1y2v1nf69 _1y2v1nf8f",
+    fullWidth: "skrulh2 _1y2v1nf64 _1y2v1nf69 _1y2v1nf8f"
 };

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 _1y2v1nf8m _1y2v1nf91", v = "_1azor6p2 _1y2v1nf66 _1y2v1nf93";
+var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nf8r _1y2v1nf97", v = "_1azor6p2 _1y2v1nf66 _1y2v1nf99";

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

@@ -28,10 +28,10 @@ _export(exports, {
         return o;
     },
     smallImage: function() {
-        return u;
+        return t;
     },
     vars: function() {
-        return t;
+        return u;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
@@ -39,6 +39,6 @@ require("./empty-state.css.ts.vanilla.css-mistica.js");
 var n = "_13fzrua2 _1y2v1nf64 _1y2v1nf5y", v = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, e = "_13fzrua9 _1y2v1nf8o _1y2v1nf93", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf8r", o = "_13fzrua5", u = "_13fzruab _1y2v1nf66", t = {
+}, e = "_13fzrua9 _1y2v1nf8t _1y2v1nf99", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf8w", o = "_13fzrua5", t = "_13fzruab _1y2v1nf66", u = {
     backgroundColor: "var(--_13fzrua0)"
 };

package/dist/feedback.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     container: function() {
-        return r;
+        return n;
     },
     desktopContainer: function() {
-        return n;
+        return r;
     },
     desktopContent: function() {
         return t;
@@ -33,4 +33,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./feedback.css.ts.vanilla.css-mistica.js");
-var r = "gx6h6a3 _1y2v1nf64 _1y2v1nf8r _1y2v1nf8b", n = "_1y2v1nfac _1y2v1nf64 _1y2v1nf6g", t = "gx6h6a1", v = "gx6h6a7", f = "gx6h6a5", o = "gx6h6a6", p = "gx6h6a4";
+var n = "gx6h6a3 _1y2v1nf64 _1y2v1nf8w _1y2v1nf8f", r = "_1y2v1nfak _1y2v1nf64 _1y2v1nf6g", t = "gx6h6a1", v = "gx6h6a7", f = "gx6h6a5", o = "gx6h6a6", p = "gx6h6a4";

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

@@ -30,7 +30,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./fixed-footer-layout.css.ts.vanilla.css-mistica.js");
-var v = "p5j8j58", a = "p5j8j56 _1y2v1nf31", j = "p5j8j54", t = "p5j8j53 _1y2v1nf8b _1y2v1nf30", e = {
+var v = "p5j8j58", a = "p5j8j56 _1y2v1nf31", j = "p5j8j54", t = "p5j8j53 _1y2v1nf8f _1y2v1nf30", e = {
     footerHeight: "var(--p5j8j50)",
     backgroundColor: "var(--p5j8j51)"
 }, p = "_1y2v1nf63";

package/dist/fixed-footer-layout.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return le;
+        return ce;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -61,58 +61,111 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const Y = 2, Z = (e)=>e === document.documentElement ? window : e, C = (e)=>{
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const X = 2, Y = (e)=>e === document.documentElement ? window : e, Z = (e)=>{
     const n = setTimeout(e, 0);
     return {
         cancel: ()=>clearTimeout(n)
     };
-}, ee = (param)=>{
-    let { isFooterVisible: e = !0 , footer: n , footerHeight: x = "auto" , footerBgColor: T , containerBgColor: g , children: y , onChangeFooterHeight: o  } = param;
-    const [w, F] = _react.useState(!1), i = _react.useRef(null), { isTabletOrSmaller: b  } = (0, _hooks.useScreenSize)(), { platformOverrides: u  } = (0, _hooks.useTheme)(), { height: r , ref: I  } = (0, _hooks.useElementDimensions)(), R = (0, _hooks.useIsWithinIFrame)(), d = (0, _hooks.useWindowHeight)(), A = (0, _hooks.useScreenHeight)(), a = d - r > (R ? d : A) / Y;
+}, C = (param)=>{
+    let { isFooterVisible: e = !0 , footer: n , footerHeight: x = "auto" , footerBgColor: S , containerBgColor: m , children: T , onChangeFooterHeight: o  } = param;
+    const [g, y] = _react.useState(!1), u = _react.useRef(null), { isTabletOrSmaller: w  } = (0, _hooks.useScreenSize)(), { platformOverrides: d  } = (0, _hooks.useTheme)(), { height: s , ref: F  } = (0, _hooks.useElementDimensions)(), b = (0, _hooks.useIsWithinIFrame)(), f = (0, _hooks.useWindowHeight)(), I = (0, _hooks.useScreenHeight)(), i = f - s > (b ? f : I) / X;
     (0, _hooks.useIsomorphicLayoutEffect)(()=>{
-        o == null || o(r);
+        o == null || o(s);
     }, [
         o,
-        r
+        s
     ]), _react.useEffect(()=>{
-        const c = (0, _dom.getScrollableParentElement)(i.current), L = ()=>(0, _platform.isRunningAcceptanceTest)(u) || !a ? !1 : (0, _dom.hasScroll)(c) ? (0, _dom.getScrollDistanceToBottom)(c) > 1 : !1, t = (0, _debounce.default)(()=>{
-            F(L());
+        const a = (0, _dom.getScrollableParentElement)(u.current), R = ()=>(0, _platform.isRunningAcceptanceTest)(d) || !i ? !1 : (0, _dom.hasScroll)(a) ? (0, _dom.getScrollDistanceToBottom)(a) > 1 : !1, t = (0, _debounce.default)(()=>{
+            y(R());
         }, 50, {
             leading: !0,
             maxWait: 200
-        }), O = C(t), s = Z(c);
-        return (0, _dom.addPassiveEventListener)(s, "resize", t), (0, _dom.addPassiveEventListener)(s, "scroll", t), ()=>{
-            t.cancel(), (0, _dom.removePassiveEventListener)(s, "scroll", t), (0, _dom.removePassiveEventListener)(s, "resize", t), O.cancel();
+        }), A = Z(t), r = Y(a);
+        return (0, _dom.addPassiveEventListener)(r, "resize", t), (0, _dom.addPassiveEventListener)(r, "scroll", t), ()=>{
+            t.cancel(), (0, _dom.removePassiveEventListener)(r, "scroll", t), (0, _dom.removePassiveEventListener)(r, "resize", t), A.cancel();
         };
     }, [
-        a,
-        u
+        i,
+        d
     ]);
-    const D = (0, _dom.hasScroll)((0, _dom.getScrollableParentElement)(i.current)), f = a || !D;
+    const p = i;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                ref: i,
+                ref: u,
                 className: _fixedfooterlayoutcssmistica.container,
-                style: (0, _dynamic.assignInlineVars)({
-                    [_fixedfooterlayoutcssmistica.vars.backgroundColor]: g !== null && g !== void 0 ? g : "",
-                    [_fixedfooterlayoutcssmistica.vars.footerHeight]: f ? `${r}px` : "0px"
-                }),
-                children: y
+                style: (0, _dynamic.assignInlineVars)(_object_spread_props(_object_spread({}, m && {
+                    [_fixedfooterlayoutcssmistica.vars.backgroundColor]: m
+                }), {
+                    [_fixedfooterlayoutcssmistica.vars.footerHeight]: p ? `${s}px` : "0px"
+                })),
+                children: T
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                ref: I,
                 className: (0, _classnames.default)(_fixedfooterlayoutcssmistica.footer, {
                     [_fixedfooterlayoutcssmistica.withoutFooter]: !e,
-                    [_fixedfooterlayoutcssmistica.elevated]: w,
-                    [_fixedfooterlayoutcssmistica.fixedFooter]: f
+                    [_fixedfooterlayoutcssmistica.elevated]: g,
+                    [_fixedfooterlayoutcssmistica.fixedFooter]: p
                 }),
                 style: {
-                    background: b ? T : void 0
+                    background: w ? S : void 0
                 },
                 "data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
                 "data-position-fixed": "bottom",
                 children: e && /* @__PURE__ */ (0, _jsxruntime.jsx)("aside", {
+                    ref: F,
                     "data-component-name": "FixedFooter",
                     style: {
                         height: x,
@@ -123,4 +176,4 @@ const Y = 2, Z = (e)=>e === document.documentElement ? window : e, C = (e)=>{
             })
         ]
     });
-}, le = ee;
+}, ce = C;

package/dist/generated/mistica-icons/icon-alert-filled.js

@@ -91,13 +91,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { color: l , size: e = 24  } = _param, r = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: a , size: e = 24  } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n  } = (0, _hooks.useTheme)();
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i  } = (0, _hooks.useTheme)();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: t,
+            d: "M10.536 4.14c.646-1.134 2.281-1.134 2.927 0l8.003 14.054a1.684 1.684 0 01-1.463 2.517H3.996a1.684 1.684 0 01-1.463-2.517L10.536 4.14zm.814 5.626v4.25a.625.625 0 001.25 0v-4.25a.625.625 0 10-1.25 0zm.625 7.365a.625.625 0 100-1.25.625.625 0 000 1.25z"
+        })
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -118,4 +128,4 @@ const h = (_param)=>{
             d: "M22.886 22.628a.799.799 0 00.019-.79L12.582 1.452C12.438 1.17 12.178 1 11.887 1c-.292 0-.552.172-.693.456L1.091 21.837a.8.8 0 00.025.788c.145.231.41.375.709.375h20.353a.82.82 0 00.708-.372zm-11.507-3.317c0-.393.226-.619.62-.619.395 0 .621.226.621.62 0 .393-.229.618-.62.618-.392 0-.62-.225-.62-.619zm1.25-2.363a.615.615 0 01-.617.616.616.616 0 01-.617-.616V8.34a.616.616 0 111.234 0v8.608z"
         })
     }));
-}, p = h;
+}, p = s;

package/dist/generated/mistica-icons/icon-alert-light.js

@@ -92,19 +92,35 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: l , size: t = 24  } = _param, e = _object_without_properties(_param, [
+    var { color: c , size: t = 24  } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), r = l !== null && l !== void 0 ? l : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a  } = (0, _hooks.useTheme)();
-    return a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseVariant)(), a = c !== null && c !== void 0 ? c : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o  } = (0, _hooks.useTheme)();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M11.35 9.566a.425.425 0 01.85 0v4.65a.425.425 0 01-.85 0v-4.65zm.425 7.165a.425.425 0 100-.85.425.425 0 000 .85z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M13.463 4.14c-.646-1.134-2.28-1.134-2.927 0L2.533 18.195a1.684 1.684 0 001.463 2.517h16.007a1.684 1.684 0 001.463-2.517L13.463 4.14zm7.264 14.475a.834.834 0 01-.724 1.246H3.996a.834.834 0 01-.724-1.247l8.003-14.053a.834.834 0 011.45 0l8.002 14.053z"
+            })
+        ]
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: a,
             d: "M12.011 4.1L3.02 20.267h18.625c.214 0 .356.146.356.367s-.142.367-.356.367H2.374a.432.432 0 01-.32-.183.334.334 0 010-.367l9.638-17.267a.372.372 0 01.32-.183.38.38 0 01.32.183l7.133 12.789c.073.184.037.405-.141.513-.179.075-.393.037-.498-.146L12.01 4.1zm.357 4.408c0-.221-.142-.367-.357-.367-.214 0-.356.146-.356.367v7.902c0 .22.142.366.356.366.215 0 .357-.145.357-.366V8.508zm7.92 10.512c.392 0 .712-.33.712-.734a.724.724 0 00-.713-.734.724.724 0 00-.712.734c0 .405.324.734.712.734zm-8.277-.038c-.283 0-.534-.258-.534-.55a.53.53 0 01.534-.55c.284 0 .535.258.535.55 0 .292-.251.55-.535.55z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -112,14 +128,14 @@ const m = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: a,
                 d: "M12.025 17.517a.314.314 0 01-.314-.313V8.03a.314.314 0 01.628 0v9.174a.312.312 0 01-.314.313zm-.022 2.469c-.216 0-.339-.125-.339-.338 0-.213.126-.339.34-.339.212 0 .338.126.338.339 0 .213-.122.338-.339.338z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: a,
                 d: "M22.496 23H1.507a.499.499 0 01-.44-.226.499.499 0 01-.005-.492l10.53-21C11.68 1.103 11.831 1 12 1c.17 0 .32.103.41.282l10.528 21a.499.499 0 01-.006.492c-.085.145-.245.226-.436.226zm-20.82-.602h20.648L12.004 1.805 1.675 22.398z"
             })
         ]