@telefonica/mistica 15.7.0 → 15.9.0

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "15.7.0";
+const o = "15.9.0";
 export { o as PACKAGE_VERSION };

package/dist-es/progress-bar.js

@@ -51,79 +51,88 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import * as b from "react";
-import { useTheme as f } from "./hooks.js";
-import { vars as h } from "./skins/skin-contract.css-mistica.js";
-import { barBackground as B, bar as S, inverse as $, normal as x, progressBarSteppedContainer as N } from "./progress-bar.css-mistica.js";
+import { useTheme as v } from "./hooks.js";
+import { vars as B } from "./skins/skin-contract.css-mistica.js";
+import { barBackground as S, bar as $, inverse as x, normal as y, progressBarSteppedContainer as N } from "./progress-bar.css-mistica.js";
 import { getPrefixedDataAttributes as C } from "./utils/dom.js";
-import k from "classnames";
-import P from "./inline.js";
-const E = (param)=>{
-    let { progressPercent: r, color: o, "aria-label": d, "aria-labelledby": l, dataAttributes: i, reverse: n = !1 } = param;
-    const { texts: c } = f(), a = Math.max(0, Math.min(100, r)), s = l ? void 0 : (()=>`${d || c.loading}, ${a}% ${c.progressBarCompletedLabel}`)();
-    return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, C(i, "ProgressBar")), {
-        className: B,
+import P from "classnames";
+import w from "./inline.js";
+const R = (param)=>{
+    let { progressPercent: e, color: s, "aria-label": p, "aria-labelledby": n, "aria-hidden": t, dataAttributes: c, reverse: l = !1 } = param;
+    const { texts: m } = v(), a = Math.max(0, Math.min(100, e)), i = t && t !== "false" ? {
+        "aria-hidden": t
+    } : {
         role: "progressbar",
         "aria-valuenow": a,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
-        "aria-label": s,
-        "aria-labelledby": l,
-        children: /* @__PURE__ */ t("div", {
-            className: k(S, n ? $ : x),
+        "aria-label": n ? void 0 : (()=>`${p || m.loading}, ${a}% ${m.progressBarCompletedLabel}`)(),
+        "aria-labelledby": n
+    };
+    return /* @__PURE__ */ o("div", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, C(c, "ProgressBar")), {
+        className: S
+    }), i), {
+        children: /* @__PURE__ */ o("div", {
+            className: P($, l ? x : y),
             style: {
                 maxWidth: `${a}%`,
-                backgroundColor: o !== null && o !== void 0 ? o : h.colors.controlActivated
+                backgroundColor: s !== null && s !== void 0 ? s : B.colors.controlActivated
             }
         })
     }));
-}, R = (param)=>{
-    let { steps: r, currentStep: o = 0, color: d, dataAttributes: l, "aria-label": i, "aria-labelledby": n } = param;
-    const { texts: c } = f(), [a, p] = b.useState(Math.ceil(o)), [s, y] = b.useState(!1);
+}, T = (param)=>{
+    let { steps: e, currentStep: s = 0, color: p, dataAttributes: n, "aria-label": t, "aria-labelledby": c, "aria-hidden": l } = param;
+    const { texts: m } = v(), [a, g] = b.useState(Math.ceil(s)), [i, k] = b.useState(!1);
     b.useEffect(()=>{
-        const e = Math.ceil(o);
-        a !== e && (y(e < a), p(e));
+        const r = Math.ceil(s);
+        a !== r && (k(r < a), g(r));
     }, [
-        o,
-        r,
+        s,
+        e,
         a
     ]);
-    const A = n ? void 0 : (()=>{
-        const e = c.progressBarStepLabel.replace("1$s", String(a)).replace("2$s", String(r));
-        return i ? `${i}, ${e.toLowerCase()}` : e;
-    })();
-    return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, C(l, "ProgressBarStepped")), {
+    const A = l && l !== "false" ? {
+        "aria-hidden": l
+    } : {
         role: "progressbar",
         "aria-valuenow": a,
         "aria-valuemin": 0,
-        "aria-valuemax": r,
-        "aria-label": A,
-        "aria-labelledby": n,
+        "aria-valuemax": e,
+        "aria-label": c ? void 0 : (()=>{
+            const r = m.progressBarStepLabel.replace("1$s", String(a)).replace("2$s", String(e));
+            return t ? `${t}, ${r.toLowerCase()}` : r;
+        })(),
+        "aria-labelledby": c
+    };
+    return /* @__PURE__ */ o("div", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, C(n, "ProgressBarStepped")), {
+        role: "progressbar"
+    }), A), {
         className: N,
-        children: /* @__PURE__ */ t(P, {
+        children: /* @__PURE__ */ o(w, {
             space: 8,
             fullWidth: !0,
             children: Array.from({
-                length: r
-            }, (e, m)=>{
-                const g = m === a, u = m < a, v = m === a - 1;
-                return /* @__PURE__ */ t("div", {
-                    className: B,
+                length: e
+            }, (r, d)=>{
+                const u = d === a, h = d < a, f = d === a - 1;
+                return /* @__PURE__ */ o("div", {
+                    className: S,
                     "aria-hidden": "true",
-                    children: (u || g) && /* @__PURE__ */ t("div", {
-                        className: k(S, {
-                            [x]: v && !s,
-                            [$]: g && s
+                    children: (h || u) && /* @__PURE__ */ o("div", {
+                        className: P($, {
+                            [y]: f && !i,
+                            [x]: u && i
                         }),
                         style: {
-                            backgroundColor: d !== null && d !== void 0 ? d : h.colors.controlActivated,
-                            maxWidth: u || v && !s ? "100%" : "0"
+                            backgroundColor: p !== null && p !== void 0 ? p : B.colors.controlActivated,
+                            maxWidth: h || f && !i ? "100%" : "0"
                         }
                     })
-                }, m);
+                }, d);
             })
         })
     }));
 };
-export { E as ProgressBar, R as ProgressBarStepped };
+export { R as ProgressBar, T as ProgressBarStepped };

package/dist-es/stacking-group.js

@@ -1,41 +1,41 @@
 "use client";
-import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import * as l from "react";
 import { useIsInverseVariant as f } from "./theme-variant-context.js";
 import { vars as r } from "./skins/skin-contract.css-mistica.js";
 import h from "./inline.js";
-import { Text4 as b } from "./text.js";
-import { moreItems as v } from "./stacking-group.css-mistica.js";
+import { Text4 as v } from "./text.js";
+import { moreItems as b } from "./stacking-group.css-mistica.js";
 import { vars as g } from "./image.css-mistica.js";
 import { applyCssVars as y } from "./utils/css.js";
 const C = (param)=>{
-    let { moreItemsStyle: e, stacked: n = !0, maxItems: o = 1 / 0, children: t } = param;
-    const c = f(), i = l.Children.count(t), m = i - o + 1, p = n ? -8 : 8, a = e.size, d = e.type === "circle" ? "50%" : r.borderRadii.mediaSmall;
-    return /* @__PURE__ */ s("div", {
+    let { moreItemsStyle: s, stacked: t = !0, maxItems: o = 1 / 0, children: n } = param;
+    const c = f(), i = l.Children.count(n), m = i - o + 1, p = t ? -8 : 8, a = s.size, d = s.type === "circle" ? "50%" : r.borderRadii.mediaSmall;
+    return /* @__PURE__ */ e("div", {
         style: y({
             [g.mediaBorderRadius]: d
         }),
         children: /* @__PURE__ */ u(h, {
             space: p,
             children: [
-                l.Children.toArray(t).slice(0, i > o ? o - 1 : o),
-                i > o && /* @__PURE__ */ s("div", {
-                    className: v,
+                l.Children.toArray(n).slice(0, i > o ? o - 1 : o),
+                i > o && /* @__PURE__ */ e("div", {
+                    className: b,
                     style: {
                         width: a,
                         height: a,
                         borderRadius: d,
                         backgroundColor: c ? r.colors.brandHigh : r.colors.brandLow,
-                        border: n ? `1px solid ${r.colors.borderLow}` : "none"
+                        border: t ? `1px solid ${r.colors.borderLow}` : "none"
                     },
-                    children: /* @__PURE__ */ s(b, {
+                    children: /* @__PURE__ */ e(v, {
                         regular: !0,
-                        color: c ? r.colors.textPrimaryInverse : r.colors.brand,
+                        color: c ? r.colors.textPrimaryInverse : r.colors.textBrand,
                         children: "+" + m
                     })
                 })
             ]
         })
     });
-}, G = C;
-export { G as default };
+}, B = C;
+export { B as default };