@telefonica/mistica 14.25.0 → 14.26.0

package/dist-es/boxed.js

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