@telefonica/mistica 14.13.0 → 14.15.0

package/dist-es/badge.js

@@ -50,44 +50,53 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as t, Fragment as n, jsxs as g } from "react/jsx-runtime";
+import { jsx as t, Fragment as c, jsxs as f } from "react/jsx-runtime";
 import m from "classnames";
-import { container as b, badgeNumber as f, badgeWithChildren as o, badgeBigNumber as c, badge as N } from "./badge.css-mistica.js";
-import { getPrefixedDataAttributes as p } from "./utils/dom.js";
-const u = (param)=>{
-    let { children: r , value: e , right: s , top: a , dataAttributes: d  } = param;
-    if (r && e === 0) return /* @__PURE__ */ t(n, {
+import { container as g, badgeNumber as b, badgeWithChildren as a, badgeBigNumber as l, badge as p } from "./badge.css-mistica.js";
+import { getPrefixedDataAttributes as u } from "./utils/dom.js";
+import { Text1 as x } from "./text.js";
+import { useTheme as N } from "./hooks.js";
+import { vars as B } from "./skins/skin-contract.css-mistica.js";
+const h = (param)=>{
+    let { children: r , value: e , right: s , top: i , dataAttributes: n  } = param;
+    const { textPresets: d  } = N();
+    if (r && e === 0) return /* @__PURE__ */ t(c, {
         children: r
     });
     if (e === 0) return null;
-    const i = e && e > 9;
-    return /* @__PURE__ */ g("div", _object_spread_props(_object_spread({
-        className: b
-    }, p(d, "Badge")), {
+    const o = e && e > 9;
+    return /* @__PURE__ */ f("div", _object_spread_props(_object_spread({
+        className: g
+    }, u(n, "Badge")), {
         children: [
             e ? /* @__PURE__ */ t("div", {
                 role: "presentation",
                 "aria-hidden": "true",
-                className: m(f, {
-                    [o]: !!r,
-                    [c]: i
+                className: m(b, {
+                    [a]: !!r,
+                    [l]: o
                 }),
                 style: {
                     right: s,
-                    top: a
+                    top: i
                 },
-                children: i ? "+9" : e
+                children: /* @__PURE__ */ t(x, {
+                    forceMobileSizes: !0,
+                    weight: d.indicator.weight,
+                    color: B.colors.textPrimaryInverse,
+                    children: o ? "+9" : e
+                })
             }) : /* @__PURE__ */ t("div", {
                 style: {
                     right: s,
-                    top: a
+                    top: i
                 },
-                className: m(N, {
-                    [o]: !!r
+                className: m(p, {
+                    [a]: !!r
                 })
             }),
             r
         ]
     }));
-}, y = u;
-export { y as default };
+}, C = h;
+export { C as default };

package/dist-es/boxed.css-mistica.js

@@ -1,3 +1,3 @@
-import "./boxed.css.ts.vanilla.css-mistica.js";
-var e = "ihbkeq0";
-export { e as inverseBorder };
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+var o = "_1y2v1nfa9";
+export { o as boxBorder };

package/dist-es/boxed.js

@@ -51,33 +51,31 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { jsx as t } from "react/jsx-runtime";
-import * as s from "react";
+import * as i from "react";
 import v from "classnames";
-import { useIsInverseVariant as x, ThemeVariant as B } from "./theme-variant-context.js";
+import { useIsInverseVariant as g, ThemeVariant as B } from "./theme-variant-context.js";
 import { getPrefixedDataAttributes as k } from "./utils/dom.js";
 import { vars as e } from "./skins/skin-contract.css-mistica.js";
-import { inverseBorder as R } from "./boxed.css-mistica.js";
-import { sprinkles as a } from "./sprinkles.css-mistica.js";
-const h = (o, r)=>o && !r ? R : r ? a({
+import { boxBorder as R } from "./boxed.css-mistica.js";
+import { sprinkles as s } from "./sprinkles.css-mistica.js";
+const h = (o, r)=>o || r ? s({
         border: "none"
-    }) : a({
-        border: "regular"
-    }), w = /*#__PURE__*/ s.forwardRef((param, g)=>{
-    let { children: o , isInverse: r = !1 , className: d , role: m , dataAttributes: f , "aria-label": l , width: c , height: b , minHeight: u , borderRadius: p = e.borderRadii.container , background: n  } = param;
-    const i = x();
+    }) : R, w = /*#__PURE__*/ i.forwardRef((param, x)=>{
+    let { children: o , isInverse: r = !1 , className: d , role: m , dataAttributes: f , "aria-label": l , width: c , height: b , minHeight: p , borderRadius: u = e.borderRadii.container , background: a  } = param;
+    const n = g();
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
-        ref: g,
+        ref: x,
         style: {
             width: c,
             height: b,
-            minHeight: u,
+            minHeight: p,
             boxSizing: "border-box",
-            background: n
+            background: a
         },
-        className: v(d, h(i, r), a({
-            borderRadius: p,
+        className: v(d, h(n, r), s({
+            borderRadius: u,
             overflow: "hidden",
-            background: (n !== null && n !== void 0 ? n : r) ? i ? e.colors.backgroundContainerBrandOverInverse : e.colors.backgroundContainerBrand : e.colors.backgroundContainer
+            background: (a !== null && a !== void 0 ? a : r) ? n ? e.colors.backgroundContainerBrandOverInverse : e.colors.backgroundContainerBrand : e.colors.backgroundContainer
         })),
         role: m,
         "aria-label": l
@@ -87,7 +85,7 @@ const h = (o, r)=>o && !r ? R : r ? a({
             children: o
         })
     }));
-}), A = /*#__PURE__*/ s.forwardRef((o, r)=>/* @__PURE__ */ t(w, _object_spread_props(_object_spread({}, o), {
+}), z = /*#__PURE__*/ i.forwardRef((o, r)=>/* @__PURE__ */ t(w, _object_spread_props(_object_spread({}, o), {
         ref: r
     })));
-export { A as Boxed, w as InternalBoxed };
+export { z as Boxed, w as InternalBoxed };

package/dist-es/button-layout.css-mistica.js

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
 import "./button-layout.css.ts.vanilla.css-mistica.js";
-var l = "kfxylhi", f = {
+var f = "kfxylhi", l = {
     right: "_1y2v1nf6e",
     left: "_1y2v1nf6c",
     center: "_1y2v1nf6d",
     "full-width": "kfxylhh _1y2v1nf6d"
-}, i = "kfxylh6 _1y2v1nf64", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf64 _1y2v1nf8b", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
+}, i = "kfxylh6 _1y2v1nf64", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf64 _1y2v1nf8f", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
     buttonWidth: "var(--kfxylh0)"
 };
-export { l as alignMoreThanOneChildred, f as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, o as vars };
+export { f as alignMoreThanOneChildred, l as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, o as vars };

package/dist-es/button.css-mistica.js

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
-var _ = 104, r = 8, y = 24, f = 20, a = 16, p = 20, b = 14.5, i = 10.5, e = "rrbrpnl", t = "rrbrpni _1y2v1nf28", I = {
-    primary: "rrbrpnp rrbrpn2 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf68 _1y2v1nf5z _1y2v1nf8c _1y2v1nfa9 _1y2v1nfak _1y2v1nf21 _1y2v1nf3s",
-    secondary: "rrbrpnq rrbrpn2 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf68 _1y2v1nf5z _1y2v1nf8c _1y2v1nfa9 _1y2v1nfak _1y2v1nf25 _1y2v1nf5y",
-    danger: "rrbrpnr rrbrpn2 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf68 _1y2v1nf5z _1y2v1nf8c _1y2v1nfa9 _1y2v1nfak _1y2v1nf20 _1y2v1nf3m"
-}, k = "rrbrpn0", o = "rrbrpng _1y2v1nf7n _1y2v1nf81 _1y2v1nf68 _1y2v1nf8c _1y2v1nf5z _1y2v1nfa9 _1y2v1nfa2 _1y2v1nf27 _1y2v1nf5y _1y2v1nfak _1y2v1nf9f", N = "rrbrpn7 _1y2v1nf65 _1y2v1nf60 _1y2v1nfam _1y2v1nfbs _1y2v1nf6d _1y2v1nf6j", d = "rrbrpn4 _1y2v1nf66 _1y2v1nf8s _1y2v1nfak", s = "rrbrpn5", L = "rrbrpn9 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", c = "rrbrpnk _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", j = {
-    primary: "rrbrpnm rrbrpn2 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf68 _1y2v1nf5z _1y2v1nf8c _1y2v1nfa9 _1y2v1nfak _1y2v1nf20 _1y2v1nf3r",
-    secondary: "rrbrpnn rrbrpn2 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf68 _1y2v1nf5z _1y2v1nf8c _1y2v1nfa9 _1y2v1nfak _1y2v1nf23 _1y2v1nf5y",
-    danger: "rrbrpno rrbrpn2 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf68 _1y2v1nf5z _1y2v1nf8c _1y2v1nfa9 _1y2v1nfak _1y2v1nf20 _1y2v1nf3m"
+var _ = 104, r = 8, y = 24, f = 20, a = 16, p = 20, b = 14.5, i = 10.5, s = "rrbrpnl", e = "rrbrpni _1y2v1nf28", l = {
+    primary: "rrbrpnp rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf21 _1y2v1nf3s",
+    secondary: "rrbrpnq rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf25 _1y2v1nf5y",
+    danger: "rrbrpnr rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf20 _1y2v1nf3m"
+}, t = "rrbrpn0", g = "rrbrpng _1y2v1nf7p _1y2v1nf84 _1y2v1nf68 _1y2v1nf8g _1y2v1nf5z _1y2v1nfah _1y2v1nfaa _1y2v1nf27 _1y2v1nf5y _1y2v1nfas _1y2v1nf9m", I = "rrbrpn7 _1y2v1nf65 _1y2v1nf60 _1y2v1nfau _1y2v1nfc3 _1y2v1nf6d _1y2v1nf6j", o = "rrbrpn4 _1y2v1nf66 _1y2v1nf8x _1y2v1nfas", N = "rrbrpn5", d = "rrbrpn9 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", L = "rrbrpnk _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", m = {
+    primary: "rrbrpnm rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf20 _1y2v1nf3r",
+    secondary: "rrbrpnn rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf23 _1y2v1nf5y",
+    danger: "rrbrpno rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf20 _1y2v1nf3m"
 };
-export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, b as X_PADDING_PX, i as X_SMALL_PADDING_PX, e as alignedLink, t as inverseLink, I as inverseVariants, k as isLoading, o as link, N as loadingContent, d as loadingFiller, s as small, L as textContent, c as textContentLink, j as variants };
+export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, b as X_PADDING_PX, i as X_SMALL_PADDING_PX, s as alignedLink, e as inverseLink, l as inverseVariants, t as isLoading, g as link, I as loadingContent, o as loadingFiller, N as small, d as textContent, L as textContentLink, m as variants };