@telefonica/mistica 17.8.0 → 17.10.0

package/dist-es/accordion.js

@@ -80,73 +80,69 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as o, jsxs as g } from "react/jsx-runtime";
 import * as i from "react";
-import { ListContext as N, Content as D } from "./list.js";
-import E from "./icons/icon-chevron.js";
-import { accordionItem as L, boxed as _, accordionContentPadding as C, rightContentContainer as j, chevronContainer as k, itemContent as q, touchableBackgroundOverBrand as z, touchableBackground as F, panelTransitionClasses as M, panelContainer as U, panel as X } from "./accordion.css-mistica.js";
-import G from "./box.js";
-import H from "./stack.js";
-import { BaseTouchable as J } from "./touchable.js";
-import K from "classnames";
-import { vars as v } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as y } from "./utils/dom.js";
-import Q from "./divider.js";
-import { InternalBoxed as W } from "./boxed.js";
-import { useThemeVariant as Y } from "./theme-variant-context.js";
-import { CSSTransition as Z } from "react-transition-group";
-import { isRunningAcceptanceTest as $ } from "./utils/platform.js";
-import ee from "./inline.js";
-const B = 400, A = /*#__PURE__*/ i.createContext({
+import { ListContext as B, Content as w } from "./list.js";
+import D from "./icons/icon-chevron.js";
+import { accordionItem as V, boxed as E, accordionContentPadding as b, rightContentContainer as L, chevronContainer as _, itemContent as k, touchableBackgroundOverBrand as j, touchableBackground as q, panelTransitionClasses as z, panelContainer as F, panel as M } from "./accordion.css-mistica.js";
+import U from "./box.js";
+import X from "./stack.js";
+import { BaseTouchable as G } from "./touchable.js";
+import H from "classnames";
+import { vars as I } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as R } from "./utils/dom.js";
+import J from "./divider.js";
+import { InternalBoxed as K } from "./boxed.js";
+import { useThemeVariant as Q } from "./theme-variant-context.js";
+import { CSSTransition as W } from "react-transition-group";
+import { isRunningAcceptanceTest as Y } from "./utils/platform.js";
+import Z from "./inline.js";
+const N = 400, A = /*#__PURE__*/ i.createContext({
     index: [],
     toggle: ()=>{}
-}), te = ()=>i.useContext(A), R = (param)=>{
-    let { value: r, defaultValue: e, onChange: n, singleOpen: c } = param;
-    const s = r !== void 0, l = (t)=>t === void 0 ? [] : typeof t == "number" ? [
-            t
-        ] : t, [a, p] = i.useState(l(e));
+}), $ = ()=>i.useContext(A), y = (param)=>{
+    let { value: t, defaultValue: r, onChange: n, singleOpen: c } = param;
+    const s = t !== void 0, l = (e)=>e === void 0 ? [] : typeof e == "number" ? [
+            e
+        ] : e, [a, v] = i.useState(l(r));
     i.useEffect(()=>{
         if (a.length > 1 && c) {
-            const t = [
+            const e = [
                 ...a
             ];
-            t.splice(1), p(t);
+            e.splice(1), v(e);
         }
     }, [
         c,
         a
     ]);
-    const x = (t, u)=>{
+    const x = (e, u)=>{
         if (!u) return [
-            t
+            e
         ];
-        const f = u.indexOf(t);
+        const f = u.indexOf(e);
         let d = [
             ...u
         ];
         return f === -1 ? c ? d = [
-            t
-        ] : d.push(t) : d.splice(f, 1), d;
-    }, m = (t)=>{
-        if (s || p(x(t, a)), n) {
-            const u = (s ? l(r) : a).includes(t);
-            n(t, !u);
+            e
+        ] : d.push(e) : d.splice(f, 1), d;
+    }, m = (e)=>{
+        if (s || v(x(e, a)), n) {
+            const u = (s ? l(t) : a).includes(e);
+            n(e, !u);
         }
     };
     return s ? [
-        l(r),
+        l(t),
         m
     ] : [
         a,
         m
     ];
-}, oe = (r)=>{
-    const e = r === null || r === void 0 ? void 0 : r.closest("[data-accordion]");
-    if (e) return Array.from(e.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === e).findIndex((n)=>n === r);
-}, re = (r)=>{
-    if (!/*#__PURE__*/ i.isValidElement(r)) return "";
-    const e = r.props;
-    return typeof e.alt == "string" && e.alt.trim() ? e.alt.trim() : typeof e["aria-label"] == "string" && e["aria-label"].trim() ? e["aria-label"].trim() : "";
-}, S = /*#__PURE__*/ i.forwardRef((_param, p)=>{
-    var { content: r, dataAttributes: e, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
+}, ee = (t)=>{
+    const r = t === null || t === void 0 ? void 0 : t.closest("[data-accordion]");
+    if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === r).findIndex((n)=>n === t);
+}, S = /*#__PURE__*/ i.forwardRef((_param, v)=>{
+    var { content: t, dataAttributes: r, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
         "content",
         "dataAttributes",
         "trackingEvent",
@@ -154,57 +150,54 @@ const B = 400, A = /*#__PURE__*/ i.createContext({
         "aria-label",
         "aria-labelledby"
     ]);
-    const x = i.useRef(null), m = i.useRef(null), { index: t, toggle: u } = te(), f = Y(), d = i.useId(), b = i.useId(), T = re(a.asset), O = s !== null && s !== void 0 ? s : [
-        a.title,
-        T
-    ].filter(Boolean).join(" "), [h, P] = i.useState(), I = h !== void 0 && (t === null || t === void 0 ? void 0 : t.includes(h));
+    const x = i.useRef(null), m = i.useRef(null), { index: e, toggle: u } = $(), f = Q(), d = i.useId(), C = i.useId(), [h, T] = i.useState(), p = h !== void 0 && (e === null || e === void 0 ? void 0 : e.includes(h));
     i.useEffect(()=>{
-        P(oe(m.current));
+        T(ee(m.current));
     }, []);
-    const w = {
-        default: I ? v.colors.chevronIndicator : v.colors.chevronIndicator,
-        alternative: I ? v.colors.chevronIndicator : v.colors.chevronIndicator,
-        brand: v.colors.textSecondaryBrand,
-        media: v.colors.textSecondaryBrand,
-        negative: v.colors.textSecondaryNegative
+    const O = {
+        default: p ? I.colors.chevronIndicator : I.colors.chevronIndicator,
+        alternative: p ? I.colors.chevronIndicator : I.colors.chevronIndicator,
+        brand: I.colors.textSecondaryBrand,
+        media: I.colors.textSecondaryBrand,
+        negative: I.colors.textSecondaryNegative
     }[f];
     return /* @__PURE__ */ g("div", _object_spread_props(_object_spread({
         ref: m
-    }, y(_object_spread_props(_object_spread({}, e), {
+    }, R(_object_spread_props(_object_spread({}, r), {
         "accordion-item": !0
     }))), {
         children: [
-            /* @__PURE__ */ o(J, {
-                ref: p,
-                className: K(q, f === "brand" || f === "media" || f === "negative" ? z : F),
+            /* @__PURE__ */ o(G, {
+                ref: v,
+                className: H(k, f === "brand" || f === "media" || f === "negative" ? j : q),
                 onPress: ()=>{
                     h !== void 0 && u(h);
                 },
                 trackingEvent: n,
-                "aria-expanded": I,
-                "aria-controls": b,
-                "aria-label": O,
+                "aria-expanded": p,
+                "aria-controls": C,
+                "aria-label": s,
                 "aria-labelledby": l,
                 children: /* @__PURE__ */ o("div", {
-                    className: C,
-                    children: /* @__PURE__ */ o(D, _object_spread_props(_object_spread({
+                    className: b,
+                    children: /* @__PURE__ */ o(w, _object_spread_props(_object_spread({
                         labelId: d
                     }, a), {
                         right: (param)=>{
-                            let { centerY: V } = param;
-                            return /* @__PURE__ */ g(ee, {
+                            let { centerY: P } = param;
+                            return /* @__PURE__ */ g(Z, {
                                 space: 4,
-                                alignItems: V ? "center" : void 0,
-                                className: j,
+                                alignItems: P ? "center" : void 0,
+                                className: L,
                                 children: [
                                     c,
                                     /* @__PURE__ */ o("div", {
-                                        className: k,
-                                        children: /* @__PURE__ */ o(E, {
+                                        className: _,
+                                        children: /* @__PURE__ */ o(D, {
                                             size: 20,
-                                            transitionDuration: B,
-                                            direction: I ? "up" : "down",
-                                            color: w
+                                            transitionDuration: N,
+                                            direction: p ? "up" : "down",
+                                            color: O
                                         })
                                     })
                                 ]
@@ -213,102 +206,102 @@ const B = 400, A = /*#__PURE__*/ i.createContext({
                     }))
                 })
             }),
-            /* @__PURE__ */ o(Z, {
-                in: I,
-                timeout: $() ? 0 : B,
+            /* @__PURE__ */ o(W, {
+                in: p,
+                timeout: Y() ? 0 : N,
                 nodeRef: x,
-                classNames: M,
+                classNames: z,
                 mountOnEnter: !0,
                 unmountOnExit: !0,
                 children: /* @__PURE__ */ o("div", {
-                    className: U,
+                    className: F,
                     ref: x,
                     children: /* @__PURE__ */ o("div", {
-                        className: X,
+                        className: M,
                         role: "region",
                         "aria-labelledby": d,
-                        id: b,
+                        id: C,
                         children: /* @__PURE__ */ o("div", {
-                            className: C,
+                            className: b,
                             style: {
                                 paddingBottom: 16
                             },
-                            children: r
+                            children: t
                         })
                     })
                 })
             })
         ]
     }));
-}), Ae = /*#__PURE__*/ i.forwardRef((_param, c)=>{
-    var { dataAttributes: r, role: e } = _param, n = _object_without_properties(_param, [
+}), pe = /*#__PURE__*/ i.forwardRef((_param, c)=>{
+    var { dataAttributes: t, role: r } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ o("div", {
-        role: e,
-        className: L,
+        role: r,
+        className: V,
         children: /* @__PURE__ */ o(S, _object_spread_props(_object_spread({}, n), {
             ref: c,
             dataAttributes: _object_spread({
                 testid: "AccordionItem"
-            }, r)
+            }, t)
         }))
     });
-}), be = (param)=>{
-    let { children: r, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: p = !1 } = param;
-    const [x, m] = R({
+}), he = (param)=>{
+    let { children: t, dataAttributes: r, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: v = !1 } = param;
+    const [x, m] = y({
         value: n,
         defaultValue: c,
         onChange: s,
         singleOpen: l
-    }), t = i.Children.toArray(r).filter(Boolean), u = t.length - 1;
+    }), e = i.Children.toArray(t).filter(Boolean), u = e.length - 1;
     return /* @__PURE__ */ o(A.Provider, {
         value: {
             index: x,
             toggle: m
         },
-        children: /* @__PURE__ */ o(N.Provider, {
+        children: /* @__PURE__ */ o(B.Provider, {
             value: {
-                small: p
+                small: v
             },
             children: /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
                 role: a
-            }, y(_object_spread_props(_object_spread({
+            }, R(_object_spread_props(_object_spread({
                 testid: "Accordion"
-            }, e), {
+            }, r), {
                 accordion: !0
             }))), {
-                children: t.map((f, d)=>/* @__PURE__ */ g(i.Fragment, {
+                children: e.map((f, d)=>/* @__PURE__ */ g(i.Fragment, {
                         children: [
                             f,
-                            d < u && /* @__PURE__ */ o(G, {
+                            d < u && /* @__PURE__ */ o(U, {
                                 paddingX: 16,
-                                children: /* @__PURE__ */ o(Q, {})
+                                children: /* @__PURE__ */ o(J, {})
                             })
                         ]
                     }, d))
             }))
         })
     });
-}, Ce = /*#__PURE__*/ i.forwardRef((_param, c)=>{
-    var { dataAttributes: r, variant: e } = _param, n = _object_without_properties(_param, [
+}, ge = /*#__PURE__*/ i.forwardRef((_param, c)=>{
+    var { dataAttributes: t, variant: r } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "variant"
     ]);
-    return /* @__PURE__ */ o(W, {
+    return /* @__PURE__ */ o(K, {
         overflow: "visible",
-        className: _,
-        variant: e !== null && e !== void 0 ? e : "default",
+        className: E,
+        variant: r !== null && r !== void 0 ? r : "default",
         ref: c,
         dataAttributes: _object_spread({
             testid: "BoxedAccordionItem"
-        }, r),
+        }, t),
         children: /* @__PURE__ */ o(S, _object_spread({}, n))
     });
-}), Be = (param)=>{
-    let { children: r, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: p = !1 } = param;
-    const [x, m] = R({
+}), Ae = (param)=>{
+    let { children: t, dataAttributes: r, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: v = !1 } = param;
+    const [x, m] = y({
         value: n,
         defaultValue: c,
         onChange: s,
@@ -319,20 +312,20 @@ const B = 400, A = /*#__PURE__*/ i.createContext({
             index: x,
             toggle: m
         },
-        children: /* @__PURE__ */ o(N.Provider, {
+        children: /* @__PURE__ */ o(B.Provider, {
             value: {
-                small: p
+                small: v
             },
-            children: /* @__PURE__ */ o(H, {
+            children: /* @__PURE__ */ o(X, {
                 space: 16,
                 role: a,
                 dataAttributes: _object_spread({
                     testid: "BoxedAccordion",
                     accordion: !0
-                }, e),
-                children: r
+                }, r),
+                children: t
             })
         })
     });
 };
-export { be as Accordion, Ae as AccordionItem, Be as BoxedAccordion, Ce as BoxedAccordionItem };
+export { he as Accordion, pe as AccordionItem, Ae as BoxedAccordion, ge as BoxedAccordionItem };

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

@@ -1,2 +1,2 @@
-/* empty css                                 */ var o = "v17_8_1mfs0fk0";
+/* empty css                                 */ var o = "v17_10_1mfs0fk0";
 export { o as container };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                        */ var n = "v17_8_1rj3nw81 v17_8_1rj3nw80 v17_8_1y2v1nfr8", r = "v17_8_1rj3nw83 v17_8_1rj3nw82 v17_8_1y2v1nfhg v17_8_1y2v1nfip v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfr9 v17_8_1y2v1nfu7", y = "v17_8_1rj3nw85 v17_8_1rj3nw84 v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfhj v17_8_1y2v1nfis", f = "v17_8_1rj3nw87 v17_8_1rj3nw85 v17_8_1rj3nw84 v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfhj v17_8_1y2v1nfis v17_8_1rj3nw86 v17_8_1y2v1nfuh", j = "v17_8_1rj3nw88";
-export { n as autocompleteContainer, y as optionBaseItem, f as optionItem, j as optionItemSelected, r as optionsList };
+/* empty css                                     */ /* empty css                                        */ var n = "v17_10_1rj3nw81 v17_10_1rj3nw80 v17_10_1y2v1nfrs", r = "v17_10_1rj3nw83 v17_10_1rj3nw82 v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nfrt v17_10_1y2v1nfur", f = "v17_10_1rj3nw85 v17_10_1rj3nw84 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nfi3 v17_10_1y2v1nfjc", t = "v17_10_1rj3nw87 v17_10_1rj3nw85 v17_10_1rj3nw84 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nfi3 v17_10_1y2v1nfjc v17_10_1rj3nw86 v17_10_1y2v1nfv1", y = "v17_10_1rj3nw88";
+export { n as autocompleteContainer, f as optionBaseItem, t as optionItem, y as optionItemSelected, r as optionsList };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                  */ var r = "v17_8_f1g4uj0 v17_8_1y2v1nfud v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfui", f = "v17_8_f1g4uj1 v17_8_1y2v1nfwc";
-export { r as avatar, f as image };
+/* empty css                                     */ /* empty css                                  */ var f = "v17_10_f1g4uj0 v17_10_1y2v1nfux v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nfv2", r = "v17_10_f1g4uj1 v17_10_1y2v1nfww";
+export { f as avatar, r as image };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                 */ var r = "v17_8_17szrmd0 v17_8_1y2v1nfr8 v17_8_1y2v1nfri", d = "v17_8_17szrmd2 v17_8_17szrmd1 v17_8_1y2v1nfdp", m = "v17_8_17szrmd3", a = "v17_8_17szrmd5 v17_8_17szrmd2 v17_8_17szrmd1 v17_8_1y2v1nfdp v17_8_17szrmd4 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn", e = "v17_8_17szrmd6 v17_8_1y2v1nfr9", n = "v17_8_17szrmd7";
-export { d as badge, n as badgeBigNumber, m as badgeBorder, a as badgeNumber, e as badgeWithChildren, r as container };
+/* empty css                                     */ /* empty css                                 */ var r = "v17_10_17szrmd0 v17_10_1y2v1nfrs v17_10_1y2v1nfs2", d = "v17_10_17szrmd2 v17_10_17szrmd1 v17_10_1y2v1nfe9", m = "v17_10_17szrmd3", s = "v17_10_17szrmd5 v17_10_17szrmd2 v17_10_17szrmd1 v17_10_1y2v1nfe9 v17_10_17szrmd4 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7", e = "v17_10_17szrmd6 v17_10_1y2v1nfrt", a = "v17_10_17szrmd7";
+export { d as badge, a as badgeBigNumber, m as badgeBorder, s as badgeNumber, e as badgeWithChildren, r as container };

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

@@ -1,23 +1,23 @@
 /* empty css                               */ var _ = {
     paddingTop: {
-        desktop: "var(--v17_8_1xgjmkv0)",
-        tablet: "var(--v17_8_1xgjmkv1)",
-        mobile: "var(--v17_8_1xgjmkv2)"
+        desktop: "var(--v17_10_1xgjmkv0)",
+        tablet: "var(--v17_10_1xgjmkv1)",
+        mobile: "var(--v17_10_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v17_8_1xgjmkv3)",
-        tablet: "var(--v17_8_1xgjmkv4)",
-        mobile: "var(--v17_8_1xgjmkv5)"
+        desktop: "var(--v17_10_1xgjmkv3)",
+        tablet: "var(--v17_10_1xgjmkv4)",
+        mobile: "var(--v17_10_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v17_8_1xgjmkv6)",
-        tablet: "var(--v17_8_1xgjmkv7)",
-        mobile: "var(--v17_8_1xgjmkv8)"
+        desktop: "var(--v17_10_1xgjmkv6)",
+        tablet: "var(--v17_10_1xgjmkv7)",
+        mobile: "var(--v17_10_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v17_8_1xgjmkv9)",
-        tablet: "var(--v17_8_1xgjmkva)",
-        mobile: "var(--v17_8_1xgjmkvb)"
+        desktop: "var(--v17_10_1xgjmkv9)",
+        tablet: "var(--v17_10_1xgjmkva)",
+        mobile: "var(--v17_10_1xgjmkvb)"
     }
-}, a = "v17_8_1xgjmkvc";
+}, a = "v17_10_1xgjmkvc";
 export { a as box, _ as vars };

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

@@ -1,31 +1,31 @@
 /* empty css                                     */ /* empty css                                 */ var _ = {
-    width: "var(--v17_8_ihbkeq0)",
-    height: "var(--v17_8_ihbkeq1)",
-    minHeight: "var(--v17_8_ihbkeq2)",
-    maxWidth: "var(--v17_8_ihbkeq3)",
-    minWidth: "var(--v17_8_ihbkeq4)",
+    width: "var(--v17_10_ihbkeq0)",
+    height: "var(--v17_10_ihbkeq1)",
+    minHeight: "var(--v17_10_ihbkeq2)",
+    maxWidth: "var(--v17_10_ihbkeq3)",
+    minWidth: "var(--v17_10_ihbkeq4)",
     mobile: {
-        width: "var(--v17_8_ihbkeq5)",
-        height: "var(--v17_8_ihbkeq6)",
-        minHeight: "var(--v17_8_ihbkeq7)",
-        maxWidth: "var(--v17_8_ihbkeq8)",
-        minWidth: "var(--v17_8_ihbkeq9)"
+        width: "var(--v17_10_ihbkeq5)",
+        height: "var(--v17_10_ihbkeq6)",
+        minHeight: "var(--v17_10_ihbkeq7)",
+        maxWidth: "var(--v17_10_ihbkeq8)",
+        minWidth: "var(--v17_10_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v17_8_ihbkeqa)",
-        height: "var(--v17_8_ihbkeqb)",
-        minHeight: "var(--v17_8_ihbkeqc)",
-        maxWidth: "var(--v17_8_ihbkeqd)",
-        minWidth: "var(--v17_8_ihbkeqe)"
+        width: "var(--v17_10_ihbkeqa)",
+        height: "var(--v17_10_ihbkeqb)",
+        minHeight: "var(--v17_10_ihbkeqc)",
+        maxWidth: "var(--v17_10_ihbkeqd)",
+        minWidth: "var(--v17_10_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v17_8_ihbkeqf)",
-        height: "var(--v17_8_ihbkeqg)",
-        minHeight: "var(--v17_8_ihbkeqh)",
-        maxWidth: "var(--v17_8_ihbkeqi)",
-        minWidth: "var(--v17_8_ihbkeqj)"
+        width: "var(--v17_10_ihbkeqf)",
+        height: "var(--v17_10_ihbkeqg)",
+        minHeight: "var(--v17_10_ihbkeqh)",
+        maxWidth: "var(--v17_10_ihbkeqi)",
+        minWidth: "var(--v17_10_ihbkeqj)"
     },
-    background: "var(--v17_8_ihbkeqk)",
-    borderRadius: "var(--v17_8_ihbkeql)"
-}, h = "v17_8_ihbkeqm", e = "v17_8_ihbkeqn v17_8_1y2v1nfui", r = "v17_8_ihbkeqo v17_8_1y2v1nftv", a = "v17_8_ihbkeqp", b = "v17_8_ihbkeqq v17_8_1y2v1nftw";
+    background: "var(--v17_10_ihbkeqk)",
+    borderRadius: "var(--v17_10_ihbkeql)"
+}, h = "v17_10_ihbkeqm", e = "v17_10_ihbkeqn v17_10_1y2v1nfv2", r = "v17_10_ihbkeqo v17_10_1y2v1nfuf", a = "v17_10_ihbkeqp", b = "v17_10_ihbkeqq v17_10_1y2v1nfug";
 export { r as boxBorder, h as boxed, a as desktopOnly, b as noBorder, e as overflowHidden, _ as vars };

package/dist-es/boxed.js

@@ -51,56 +51,56 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import * as f from "react";
+import { jsx as m } from "react/jsx-runtime";
+import * as b from "react";
 import T from "classnames";
-import { normalizeVariant as c, useThemeVariant as z, ThemeVariant as A } from "./theme-variant-context.js";
-import { getPrefixedDataAttributes as D } from "./utils/dom.js";
+import { normalizeVariant as f, useThemeVariant as $, ThemeVariant as z } from "./theme-variant-context.js";
+import { getPrefixedDataAttributes as A } from "./utils/dom.js";
 import { vars as t } from "./skins/skin-contract.css-mistica.js";
-import { boxed as H, overflowHidden as P, desktopOnly as S, vars as n, boxBorder as W, noBorder as $ } from "./boxed.css-mistica.js";
+import { boxed as D, overflowHidden as H, desktopOnly as P, vars as n, boxBorder as S, noBorder as W } from "./boxed.css-mistica.js";
 import { applyCssVars as j } from "./utils/css.js";
 import { useTheme as I } from "./hooks.js";
-const q = (o, r, e)=>o === "default" && (r === "default" || r === "alternative") && e[r], E = (o, r, e)=>q(o, r, e) ? W : $, d = (o)=>typeof o == "number" ? `${o}px` : o !== null && o !== void 0 ? o : "initial", a = (o, r)=>{
+const M = (e, r, o)=>e === "default" && (r === "default" || r === "alternative") && o[r], q = (e, r, o)=>M(e, r, o) ? S : W, s = (e)=>typeof e == "number" ? `${e}px` : e !== null && e !== void 0 ? e : "initial", a = (e, r)=>{
     if (typeof r == "number" || typeof r == "string" || typeof r > "u") return {
-        [n[o]]: d(r)
+        [n[e]]: s(r)
     };
-    const e = {
-        [n.mobile[o]]: d(r.mobile),
-        [n.desktop[o]]: d(r.desktop)
+    const o = {
+        [n.mobile[e]]: s(r.mobile),
+        [n.desktop[e]]: s(r.desktop)
     };
-    return r.tablet && (e[n.tablet[o]] = d(r.tablet)), e;
-}, F = /*#__PURE__*/ f.forwardRef((param, v)=>{
-    let { children: o, className: r, role: e, dataAttributes: b, "aria-label": p, "aria-labelledby": u, width: g, maxWidth: h, minWidth: B, height: y, minHeight: k, borderRadius: x = t.borderRadii.container, background: m, desktopOnly: C, variant: w, overflow: R, border: V } = param;
-    const i = c(z()), s = c(w !== null && w !== void 0 ? w : "default"), { componentProperties: O } = I();
-    return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({
-        ref: v,
-        style: _object_spread_props(_object_spread({}, j(_object_spread_props(_object_spread({}, a("width", g), a("maxWidth", h), a("minWidth", B), a("height", y), a("minHeight", k)), {
-            [n.background]: m !== null && m !== void 0 ? m : ({
+    return r.tablet && (o[n.tablet[e]] = s(r.tablet)), o;
+}, E = /*#__PURE__*/ b.forwardRef((param, O)=>{
+    let { children: e, className: r, role: o, dataAttributes: p, "aria-label": u, "aria-labelledby": g, width: h, maxWidth: x, minWidth: y, height: B, minHeight: k, borderRadius: d = t.borderRadii.container, background: c, desktopOnly: C, variant: w, overflow: V, border: v } = param;
+    const i = f($()), l = f(w !== null && w !== void 0 ? w : "default"), { componentProperties: R } = I();
+    return /* @__PURE__ */ m("div", _object_spread_props(_object_spread({
+        ref: O,
+        style: _object_spread_props(_object_spread({}, j(_object_spread_props(_object_spread({}, a("width", h), a("maxWidth", x), a("minWidth", y), a("height", B), a("minHeight", k)), {
+            [n.background]: c !== null && c !== void 0 ? c : ({
                 default: t.colors.backgroundContainer,
                 brand: i === "brand" || i === "negative" || i === "media" ? t.colors.backgroundContainerBrandOverBrand : t.colors.backgroundContainerBrand,
                 negative: t.colors.backgroundContainerNegative,
                 alternative: t.colors.backgroundContainerAlternative,
                 media: t.colors.backgroundContainer
-            })[s],
-            [n.borderRadius]: x
+            })[l],
+            [n.borderRadius]: typeof d == "number" ? `${Math.max(0, d)}px` : d
         }))), {
-            background: m,
-            border: V
+            background: c,
+            border: v
         }),
-        className: T(r, H, E(s, i, O.showBoxedBorder), {
-            [S]: C,
-            [P]: R !== "visible"
+        className: T(r, D, q(l, i, R.showBoxedBorder), {
+            [P]: C,
+            [H]: V !== "visible"
         }),
-        role: e,
-        "aria-label": p,
-        "aria-labelledby": u
-    }, D(b)), {
-        children: /* @__PURE__ */ l(A, {
-            variant: s,
-            children: o
+        role: o,
+        "aria-label": u,
+        "aria-labelledby": g
+    }, A(p)), {
+        children: /* @__PURE__ */ m(z, {
+            variant: l,
+            children: e
         })
     }));
-}), Y = /*#__PURE__*/ f.forwardRef((o, r)=>/* @__PURE__ */ l(F, _object_spread_props(_object_spread({}, o), {
+}), Y = /*#__PURE__*/ b.forwardRef((e, r)=>/* @__PURE__ */ m(E, _object_spread_props(_object_spread({}, e), {
         ref: r
     })));
-export { Y as Boxed, F as InternalBoxed, q as shouldShowBoxedBorder };
+export { Y as Boxed, E as InternalBoxed, M as shouldShowBoxedBorder };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                  */ /* empty css                                        */ var r = "v17_8_1xdd1h61 v17_8_1xdd1h60 v17_8_1y2v1nfrf v17_8_1y2v1nfrt v17_8_1y2v1nfrj", n = "v17_8_1xdd1h62", t = "v17_8_1xdd1h63", a = "v17_8_1xdd1h64", e = "v17_8_1xdd1h65", h = "v17_8_1xdd1h66", i = "v17_8_1xdd1h67", o = "v17_8_1xdd1h68", x = "v17_8_1xdd1h69";
-export { x as buttonChild, i as buttons, o as buttonsWithSmallLink, a as centerInDesktop, n as centerInMobile, t as centerInTablet, e as container, h as containerWithSmallLink, r as inline };
+/* empty css                                     */ /* empty css                                  */ /* empty css                                        */ var n = "v17_10_1xdd1h61 v17_10_1xdd1h60 v17_10_1y2v1nfrz v17_10_1y2v1nfsd v17_10_1y2v1nfs3", r = "v17_10_1xdd1h62", t = "v17_10_1xdd1h63", a = "v17_10_1xdd1h64", e = "v17_10_1xdd1h65", h = "v17_10_1xdd1h66", i = "v17_10_1xdd1h67", o = "v17_10_1xdd1h68", x = "v17_10_1xdd1h69";
+export { x as buttonChild, i as buttons, o as buttonsWithSmallLink, a as centerInDesktop, r as centerInMobile, t as centerInTablet, e as container, h as containerWithSmallLink, n as inline };

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

@@ -1,17 +1,17 @@
-/* empty css                                     */ /* empty css                                  */ /* empty css                                         */ var y = "v17_8_kfxylh1 v17_8_kfxylh0 v17_8_1y2v1nfre v17_8_1y2v1nfrt", l = "v17_8_kfxylh2", h = {
-    right: "v17_8_kfxylh7 v17_8_kfxylh3 v17_8_1y2v1nfro",
-    left: "v17_8_kfxylh8 v17_8_kfxylh4 v17_8_1y2v1nfrm",
-    center: "v17_8_kfxylh9 v17_8_kfxylh5 v17_8_1y2v1nfrn",
-    "full-width": "v17_8_kfxylha v17_8_kfxylh6 v17_8_1y2v1nfrn"
-}, k = "v17_8_kfxylhd v17_8_kfxylhc v17_8_kfxylhb v17_8_1y2v1nfre v17_8_1y2v1nfs1", x = {
-    center: "v17_8_kfxylhh v17_8_kfxylhc v17_8_kfxylhb v17_8_1y2v1nfre v17_8_1y2v1nfs1",
-    left: "v17_8_kfxylhi v17_8_kfxylhc v17_8_kfxylhb v17_8_1y2v1nfre v17_8_1y2v1nfs1 v17_8_kfxylhe",
-    right: "v17_8_kfxylhj v17_8_kfxylhc v17_8_kfxylhb v17_8_1y2v1nfre v17_8_1y2v1nfs1 v17_8_kfxylhf",
-    "full-width": "v17_8_kfxylhk v17_8_kfxylhc v17_8_kfxylhb v17_8_1y2v1nfre v17_8_1y2v1nfs1 v17_8_kfxylhg"
+/* empty css                                     */ /* empty css                                  */ /* empty css                                         */ var f = "v17_10_kfxylh1 v17_10_kfxylh0 v17_10_1y2v1nfry v17_10_1y2v1nfsd", l = "v17_10_kfxylh2", h = {
+    right: "v17_10_kfxylh7 v17_10_kfxylh3 v17_10_1y2v1nfs8",
+    left: "v17_10_kfxylh8 v17_10_kfxylh4 v17_10_1y2v1nfs6",
+    center: "v17_10_kfxylh9 v17_10_kfxylh5 v17_10_1y2v1nfs7",
+    "full-width": "v17_10_kfxylha v17_10_kfxylh6 v17_10_1y2v1nfs7"
+}, k = "v17_10_kfxylhd v17_10_kfxylhc v17_10_kfxylhb v17_10_1y2v1nfry v17_10_1y2v1nfsl", x = {
+    center: "v17_10_kfxylhh v17_10_kfxylhc v17_10_kfxylhb v17_10_1y2v1nfry v17_10_1y2v1nfsl",
+    left: "v17_10_kfxylhi v17_10_kfxylhc v17_10_kfxylhb v17_10_1y2v1nfry v17_10_1y2v1nfsl v17_10_kfxylhe",
+    right: "v17_10_kfxylhj v17_10_kfxylhc v17_10_kfxylhb v17_10_1y2v1nfry v17_10_1y2v1nfsl v17_10_kfxylhf",
+    "full-width": "v17_10_kfxylhk v17_10_kfxylhc v17_10_kfxylhb v17_10_1y2v1nfry v17_10_1y2v1nfsl v17_10_kfxylhg"
 }, n = {
-    center: "v17_8_kfxylho v17_8_kfxylhc v17_8_kfxylhb v17_8_1y2v1nfre v17_8_1y2v1nfs1",
-    left: "v17_8_kfxylhp v17_8_kfxylhc v17_8_kfxylhb v17_8_1y2v1nfre v17_8_1y2v1nfs1 v17_8_kfxylhl",
-    right: "v17_8_kfxylhq v17_8_kfxylhc v17_8_kfxylhb v17_8_1y2v1nfre v17_8_1y2v1nfs1 v17_8_kfxylhm",
-    "full-width": "v17_8_kfxylhr v17_8_kfxylhc v17_8_kfxylhb v17_8_1y2v1nfre v17_8_1y2v1nfs1 v17_8_kfxylhn"
+    center: "v17_10_kfxylho v17_10_kfxylhc v17_10_kfxylhb v17_10_1y2v1nfry v17_10_1y2v1nfsl",
+    left: "v17_10_kfxylhp v17_10_kfxylhc v17_10_kfxylhb v17_10_1y2v1nfry v17_10_1y2v1nfsl v17_10_kfxylhl",
+    right: "v17_10_kfxylhq v17_10_kfxylhc v17_10_kfxylhb v17_10_1y2v1nfry v17_10_1y2v1nfsl v17_10_kfxylhm",
+    "full-width": "v17_10_kfxylhr v17_10_kfxylhc v17_10_kfxylhb v17_10_1y2v1nfry v17_10_1y2v1nfsl v17_10_kfxylhn"
 };
-export { h as alignVariant, y as container, l as containerWithTwoButtons, k as link, x as linkInNewLine, n as smallLinkInNewLine };
+export { h as alignVariant, f as container, l as containerWithTwoButtons, k as link, x as linkInNewLine, n as smallLinkInNewLine };