@telefonica/mistica 14.7.1 → 14.9.0

package/dist-es/boxed.js

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

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./button-group.css.ts.vanilla.js";
-var t = "_1xdd1h64", r = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf5p _1y2v1nf63 _1y2v1nf5t";
-export { t as buttonChild, r as buttons, v as container, _ as inline };
+var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf5r _1y2v1nf65 _1y2v1nf5v";
+export { r as buttonChild, t as buttons, v as container, _ as inline };

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

@@ -2,11 +2,11 @@ import "./sprinkles.css.ts.vanilla.js";
 import "./button.css.ts.vanilla.js";
 import "./button-layout.css.ts.vanilla.js";
 var l = "kfxylhi", f = {
-    right: "_1y2v1nf5y",
-    left: "_1y2v1nf5w",
-    center: "_1y2v1nf5x",
-    "full-width": "kfxylhh _1y2v1nf5x"
-}, i = "kfxylh6 _1y2v1nf5o", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf5o _1y2v1nf7v", y = "kfxylh4", o = "kfxylh1", x = "kfxylh9", e = {
+    right: "_1y2v1nf60",
+    left: "_1y2v1nf5y",
+    center: "_1y2v1nf5z",
+    "full-width": "kfxylhh _1y2v1nf5z"
+}, i = "kfxylh6 _1y2v1nf5q", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf5q _1y2v1nf7x", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", x = {
     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, o as margins, x as noButtonWidth, e as vars };
+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, x as vars };

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

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./button.css.ts.vanilla.js";
-var _ = 104, y = 8, r = 24, f = 20, a = 16, p = 20, b = 14.5, i = 10.5, t = "rrbrpnk", e = "rrbrpni _1y2v1nf23", s = {
-    primary: "rrbrpno rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1w _1y2v1nf3f",
-    secondary: "rrbrpnp rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf20 _1y2v1nf5i",
-    danger: "rrbrpnq rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1v _1y2v1nf39"
-}, o = "rrbrpn0", I = "rrbrpng _1y2v1nf77 _1y2v1nf7l _1y2v1nf5s _1y2v1nf7w _1y2v1nf9t _1y2v1nf9m _1y2v1nf22 _1y2v1nf5i _1y2v1nfa4", N = "rrbrpn7 _1y2v1nf5p _1y2v1nf5k _1y2v1nfa6 _1y2v1nfbc _1y2v1nf5x _1y2v1nf63", l = "rrbrpn4 _1y2v1nf5q _1y2v1nf8c _1y2v1nfa4", L = "rrbrpn5", S = "rrbrpn9 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x", d = "_1y2v1nf5o _1y2v1nf63 _1y2v1nf5x", w = {
-    primary: "rrbrpnl rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1v _1y2v1nf3e",
-    secondary: "rrbrpnm rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1y _1y2v1nf5i",
-    danger: "rrbrpnn rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1v _1y2v1nf39"
+var _ = 104, r = 8, y = 24, f = 20, a = 16, p = 20, b = 14.5, i = 10.5, e = "rrbrpnk", l = "rrbrpni _1y2v1nf24", t = {
+    primary: "rrbrpno rrbrpn2 _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5u _1y2v1nf5l _1y2v1nf7y _1y2v1nf9v _1y2v1nfa6 _1y2v1nf1x _1y2v1nf3h",
+    secondary: "rrbrpnp rrbrpn2 _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5u _1y2v1nf5l _1y2v1nf7y _1y2v1nf9v _1y2v1nfa6 _1y2v1nf21 _1y2v1nf5k",
+    danger: "rrbrpnq rrbrpn2 _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5u _1y2v1nf5l _1y2v1nf7y _1y2v1nf9v _1y2v1nfa6 _1y2v1nf1w _1y2v1nf3b"
+}, d = "rrbrpn0", I = "rrbrpng _1y2v1nf79 _1y2v1nf7n _1y2v1nf5u _1y2v1nf7y _1y2v1nf9v _1y2v1nf9o _1y2v1nf23 _1y2v1nf5k _1y2v1nfa6", o = "rrbrpn7 _1y2v1nf5r _1y2v1nf5m _1y2v1nfa8 _1y2v1nfbe _1y2v1nf5z _1y2v1nf65", N = "rrbrpn4 _1y2v1nf5s _1y2v1nf8e _1y2v1nfa6", L = "rrbrpn5", s = "rrbrpn9 _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z", S = "_1y2v1nf5q _1y2v1nf65 _1y2v1nf5z", g = {
+    primary: "rrbrpnl rrbrpn2 _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5u _1y2v1nf5l _1y2v1nf7y _1y2v1nf9v _1y2v1nfa6 _1y2v1nf1w _1y2v1nf3g",
+    secondary: "rrbrpnm rrbrpn2 _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5u _1y2v1nf5l _1y2v1nf7y _1y2v1nf9v _1y2v1nfa6 _1y2v1nf1z _1y2v1nf5k",
+    danger: "rrbrpnn rrbrpn2 _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5u _1y2v1nf5l _1y2v1nf7y _1y2v1nf9v _1y2v1nfa6 _1y2v1nf1w _1y2v1nf3b"
 };
-export { _ as BUTTON_MIN_WIDTH, y as ICON_MARGIN_PX, r 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, t as alignedLink, e as inverseLink, s as inverseVariants, o as isLoading, I as link, N as loadingContent, l as loadingFiller, L as small, S as textContent, d as textContentLink, w 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, e as alignedLink, l as inverseLink, t as inverseVariants, d as isLoading, I as link, o as loadingContent, N as loadingFiller, L as small, s as textContent, S as textContentLink, g as variants };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./callout.css.ts.vanilla.js";
-var y = "_14g0jmy1 _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5o _1y2v1nf9v _1y2v1nfa4", _ = "_14g0jmy3 _1y2v1nf6a";
+var y = "_14g0jmy1 _1y2v1nf6i _1y2v1nf6w _1y2v1nf7a _1y2v1nf7o _1y2v1nf5q _1y2v1nf9x _1y2v1nfa6", _ = "_14g0jmy3 _1y2v1nf6c";
 export { y as container, _ as content };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./card.css.ts.vanilla.js";
-var _ = "_15e54s91 _1y2v1nf5o _1y2v1nf6a _1y2v1nf64", y = "_15e54s93 _1y2v1nf5o", f = "_15e54s9j _1y2v1nf84 _1y2v1nf8j _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n", a = "_1y2v1nf5o _1y2v1nf86 _1y2v1nf8l _1y2v1nf63 _1y2v1nf5x", r = "_15e54s9k _1y2v1nf84 _1y2v1nf8j _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n", o = "_15e54s98 _1y2v1nf78 _1y2v1nf7m _1y2v1nf6h _1y2v1nf6v _1y2v1nf5o _1y2v1nf6a _1y2v1nf5u _1y2v1nf7v", e = "_15e54s9f _1y2v1nf5o _1y2v1nf6a _1y2v1nf5u _1y2v1nf60", d = "_15e54s9g", s = "_1y2v1nf5o _1y2v1nf5u _1y2v1nf8b _1y2v1nf7v", t = "_15e54s96 _1y2v1nf78 _1y2v1nf7m _1y2v1nf5o _1y2v1nf6a _1y2v1nf6g _1y2v1nf6v _1y2v1nf5u _1y2v1nf60", i = "_15e54s9a _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5o _1y2v1nf8b _1y2v1nf5u _1y2v1nf60 _1y2v1nf6a", c = "_15e54s9c _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5o _1y2v1nf8b _1y2v1nf7v _1y2v1nf9m _1y2v1nf5i", p = "_15e54s9d _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5o _1y2v1nf8b _1y2v1nf7v _1y2v1nf9m _1y2v1nf5i";
-export { _ as actions, y as boxed, f as cardAction, a as cardActionIconButton, r as cardActionInverse, o as dataCard, e as displayCard, d as displayCardGradient, s as mediaCard, t as mediaCardContent, i as snapCard, c as snapCardTouchableHover, p as snapCardTouchableHoverTransparent };
+var _ = "_15e54s91 _1y2v1nf5q _1y2v1nf6c _1y2v1nf66", y = "_15e54s93 _1y2v1nf5q", f = "_15e54s9k _1y2v1nf86 _1y2v1nf8l _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf9p", a = "_1y2v1nf5q _1y2v1nf88 _1y2v1nf8n _1y2v1nf65 _1y2v1nf5z", r = "_15e54s9l _1y2v1nf86 _1y2v1nf8l _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf9p", d = "_15e54s98 _1y2v1nf7a _1y2v1nf7o _1y2v1nf6j _1y2v1nf6x _1y2v1nf5q _1y2v1nf6c _1y2v1nf5w _1y2v1nf7x", e = "_1y2v1nf5m _1y2v1nfbs _1y2v1nf7x _1y2v1nf8d", o = "_1y2v1nf7x _1y2v1nf5q _1y2v1nf5l", s = "_1y2v1nf5q _1y2v1nf6c _1y2v1nf5w _1y2v1nf5l _1y2v1nf62", c = "_15e54s9h", i = "_1y2v1nf5q _1y2v1nf5w _1y2v1nf8d _1y2v1nf7x", t = "_15e54s96 _1y2v1nf7a _1y2v1nf7o _1y2v1nf5q _1y2v1nf6c _1y2v1nf6i _1y2v1nf6x _1y2v1nf5w _1y2v1nf62", p = "_15e54s9a _1y2v1nf6i _1y2v1nf6w _1y2v1nf7a _1y2v1nf7o _1y2v1nf5q _1y2v1nf8d _1y2v1nf5w _1y2v1nf62 _1y2v1nf6c", q = "_15e54s9c _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5q _1y2v1nf8d _1y2v1nf7x _1y2v1nf9o _1y2v1nf5k", C = "_15e54s9d _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5q _1y2v1nf8d _1y2v1nf7x _1y2v1nf9o _1y2v1nf5k", l = "_15e54s9m _1y2v1nf86 _1y2v1nf8l _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf9p";
+export { _ as actions, y as boxed, f as cardAction, a as cardActionIconButton, r as cardActionInverse, d as dataCard, e as displayCardBackground, o as displayCardContainer, s as displayCardContent, c as displayCardGradient, i as mediaCard, t as mediaCardContent, p as snapCard, q as snapCardTouchableHover, C as snapCardTouchableHoverTransparent, l as videoAction };