@telefonica/mistica 16.70.0 → 16.72.0

package/dist/accordion.js

@@ -169,8 +169,8 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
     index: [],
     toggle: ()=>{}
 }), $ = ()=>_react.useContext(b), y = (param)=>{
-    let { value: o, defaultValue: e, onChange: r, singleOpen: c } = param;
-    const d = o !== void 0, l = (t)=>t === void 0 ? [] : typeof t == "number" ? [
+    let { value: o, defaultValue: e, onChange: n, singleOpen: c } = param;
+    const s = o !== void 0, l = (t)=>t === void 0 ? [] : typeof t == "number" ? [
             t
         ] : t, [a, u] = _react.useState(l(e));
     _react.useEffect(()=>{
@@ -188,20 +188,20 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
         if (!m) return [
             t
         ];
-        const s = m.indexOf(t);
+        const d = m.indexOf(t);
         let x = [
             ...m
         ];
-        return s === -1 ? c ? x = [
+        return d === -1 ? c ? x = [
             t
-        ] : x.push(t) : x.splice(s, 1), x;
+        ] : x.push(t) : x.splice(d, 1), x;
     }, p = (t)=>{
-        if (d || u(f(t, a)), r) {
-            const m = (d ? l(o) : a).includes(t);
-            r(t, !m);
+        if (s || u(f(t, a)), n) {
+            const m = (s ? l(o) : a).includes(t);
+            n(t, !m);
         }
     };
-    return d ? [
+    return s ? [
         l(o),
         p
     ] : [
@@ -210,13 +210,13 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
     ];
 }, ee = (o)=>{
     const e = o === null || o === void 0 ? void 0 : o.closest("[data-accordion]");
-    if (e) return Array.from(e.querySelectorAll("[data-accordion-item]")).filter((r)=>r.closest("[data-accordion]") === e).findIndex((r)=>r === o);
+    if (e) return Array.from(e.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === e).findIndex((n)=>n === o);
 }, te = (o)=>{
     if (!/*#__PURE__*/ _react.isValidElement(o)) return "";
     const e = o.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() : "";
 }, R = /*#__PURE__*/ _react.forwardRef((_param, u)=>{
-    var { content: o, dataAttributes: e, trackingEvent: r, right: c, "aria-label": d, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
+    var { content: o, dataAttributes: e, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
         "content",
         "dataAttributes",
         "trackingEvent",
@@ -224,7 +224,7 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
         "aria-label",
         "aria-labelledby"
     ]);
-    const f = _react.useRef(null), p = _react.useRef(null), { index: t, toggle: m } = $(), s = (0, _themevariantcontext.useThemeVariant)(), x = _react.useId(), C = _react.useId(), S = te(a.asset), T = d !== null && d !== void 0 ? d : [
+    const f = _react.useRef(null), p = _react.useRef(null), { index: t, toggle: m } = $(), d = (0, _themevariantcontext.useThemeVariant)(), x = _react.useId(), C = _react.useId(), S = te(a.asset), T = s !== null && s !== void 0 ? s : [
         a.title,
         S
     ].filter(Boolean).join(" "), [h, O] = _react.useState(), g = h !== void 0 && (t === null || t === void 0 ? void 0 : t.includes(h));
@@ -237,7 +237,7 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
         brand: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         media: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         negative: _skincontractcssmistica.vars.colors.textSecondaryNegative
-    }[s];
+    }[d];
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         ref: p
     }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, e), {
@@ -246,11 +246,11 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                 ref: u,
-                className: (0, _classnames.default)(_accordioncssmistica.itemContent, s === "brand" || s === "media" || s === "negative" ? _accordioncssmistica.touchableBackgroundOverBrand : _accordioncssmistica.touchableBackground),
+                className: (0, _classnames.default)(_accordioncssmistica.itemContent, d === "brand" || d === "media" || d === "negative" ? _accordioncssmistica.touchableBackgroundOverBrand : _accordioncssmistica.touchableBackground),
                 onPress: ()=>{
                     h !== void 0 && m(h);
                 },
-                trackingEvent: r,
+                trackingEvent: n,
                 "aria-expanded": g,
                 "aria-controls": C,
                 "aria-label": T,
@@ -309,26 +309,26 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
         ]
     }));
 }), he = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
-    var { dataAttributes: o, role: e } = _param, r = _object_without_properties(_param, [
+    var { dataAttributes: o, role: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         role: e,
         className: _accordioncssmistica.accordionItem,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, r), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, n), {
             ref: c,
             dataAttributes: _object_spread({
-                "component-name": "AccordionItem"
+                testid: "AccordionItem"
             }, o)
         }))
     });
 }), ve = (param)=>{
-    let { children: o, dataAttributes: e, index: r, defaultIndex: c, onChange: d, singleOpen: l, role: a } = param;
+    let { children: o, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a } = param;
     const [u, f] = y({
-        value: r,
+        value: n,
         defaultValue: c,
-        onChange: d,
+        onChange: s,
         singleOpen: l
     }), p = _react.Children.toArray(o).filter(Boolean), t = p.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b.Provider, {
@@ -338,42 +338,43 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
             role: a
-        }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, e), {
+        }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({
+            testid: "Accordion"
+        }, e), {
             accordion: !0
-        }), "Accordion")), {
-            children: p.map((m, s)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        }))), {
+            children: p.map((m, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                     children: [
                         m,
-                        s < t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        d < t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingX: 16,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                         })
                     ]
-                }, s))
+                }, d))
         }))
     });
-}, Ae = /*#__PURE__*/ _react.forwardRef((_param, d)=>{
-    var { dataAttributes: o, isInverse: e, variant: r } = _param, c = _object_without_properties(_param, [
+}, Ae = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: o, variant: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
-        "isInverse",
         "variant"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         overflow: "visible",
         className: _accordioncssmistica.boxed,
-        variant: r !== null && r !== void 0 ? r : e ? "brand" : "default",
-        ref: d,
+        variant: e !== null && e !== void 0 ? e : "default",
+        ref: c,
         dataAttributes: _object_spread({
-            "component-name": "BoxedAccordionItem"
+            testid: "BoxedAccordionItem"
         }, o),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread({}, c))
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread({}, n))
     });
 }), be = (param)=>{
-    let { children: o, dataAttributes: e, index: r, defaultIndex: c, onChange: d, singleOpen: l, role: a } = param;
+    let { children: o, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a } = param;
     const [u, f] = y({
-        value: r,
+        value: n,
         defaultValue: c,
-        onChange: d,
+        onChange: s,
         singleOpen: l
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b.Provider, {
@@ -385,7 +386,7 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
             space: 16,
             role: a,
             dataAttributes: _object_spread({
-                "component-name": "BoxedAccordion",
+                testid: "BoxedAccordion",
                 accordion: !0
             }, e),
             children: o

package/dist/align.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "container", {
         return o;
     }
 });
-/* empty css                                 */ var o = "v16_70_1mfs0fk0";
+/* empty css                                 */ var o = "v16_72_1mfs0fk0";

package/dist/align.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -63,9 +63,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const c = (param)=>{
-    let { x: e = "start", y: o = "start", width: t, height: r, children: a, dataAttributes: s } = param;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(s, "Align")), {
+const p = (param)=>{
+    let { x: e = "start", y: o = "start", width: t, height: r, children: s, dataAttributes: a } = param;
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "Align"
+    }, a))), {
         className: _aligncssmistica.container,
         style: _object_spread({
             placeItems: `${o} ${e}`
@@ -74,6 +76,6 @@ const c = (param)=>{
         } : {}, r !== void 0 ? {
             height: r
         } : {}),
-        children: a
+        children: s
     }));
 };

package/dist/autocomplete.css-mistica.js

@@ -13,16 +13,16 @@ _export(exports, {
         return n;
     },
     get optionBaseItem () {
-        return y;
+        return f;
     },
     get optionItem () {
-        return f;
+        return o;
     },
     get optionItemSelected () {
-        return o;
+        return y;
     },
     get optionsList () {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                        */ var n = "v16_70_1rj3nw81 v16_70_1rj3nw80 v16_70_1y2v1nfpy", r = "v16_70_1rj3nw83 v16_70_1rj3nw82 v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nfio v16_70_1y2v1nfjx v16_70_1y2v1nfpz v16_70_1y2v1nfsy", y = "v16_70_1rj3nw85 v16_70_1rj3nw84 v16_70_1y2v1nfio v16_70_1y2v1nfjx v16_70_1y2v1nfg9 v16_70_1y2v1nfhi", f = "v16_70_1rj3nw87 v16_70_1rj3nw85 v16_70_1rj3nw84 v16_70_1y2v1nfio v16_70_1y2v1nfjx v16_70_1y2v1nfg9 v16_70_1y2v1nfhi v16_70_1rj3nw86 v16_70_1y2v1nft7", o = "v16_70_1rj3nw88";
+/* empty css                                     */ /* empty css                                        */ var n = "v16_72_1rj3nw81 v16_72_1rj3nw80 v16_72_1y2v1nfpy", r = "v16_72_1rj3nw83 v16_72_1rj3nw82 v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfio v16_72_1y2v1nfjx v16_72_1y2v1nfpz v16_72_1y2v1nfsx", f = "v16_72_1rj3nw85 v16_72_1rj3nw84 v16_72_1y2v1nfio v16_72_1y2v1nfjx v16_72_1y2v1nfg9 v16_72_1y2v1nfhi", o = "v16_72_1rj3nw87 v16_72_1rj3nw85 v16_72_1rj3nw84 v16_72_1y2v1nfio v16_72_1y2v1nfjx v16_72_1y2v1nfg9 v16_72_1y2v1nfhi v16_72_1rj3nw86 v16_72_1y2v1nft6", y = "v16_72_1rj3nw88";

package/dist/avatar.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var f = "v16_70_f1g4uj0 v16_70_1y2v1nft4 v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd v16_70_1y2v1nft8", a = "v16_70_f1g4uj1 v16_70_1y2v1nfv2";
+/* empty css                                     */ /* empty css                                  */ var f = "v16_72_f1g4uj0 v16_72_1y2v1nft3 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft7", a = "v16_72_f1g4uj1 v16_72_1y2v1nfv1";

package/dist/avatar.js

@@ -176,17 +176,17 @@ const T = (r, o)=>{
         "dataAttributes"
     ]);
     var _i_backgroundColor, _i_textColor;
-    const s = (0, _themevariantcontext.useThemeVariant)(), l = s === "brand" || s === "media" || s === "negative", b = (_i_backgroundColor = i.backgroundColor) !== null && _i_backgroundColor !== void 0 ? _i_backgroundColor : l ? _skincontractcssmistica.vars.colors.brandHigh : _skincontractcssmistica.vars.colors.brandLow, h = (_i_textColor = i.textColor) !== null && _i_textColor !== void 0 ? _i_textColor : l ? _skincontractcssmistica.vars.colors.textPrimaryNegative : _skincontractcssmistica.vars.colors.textBrand, [p, m] = _react.useState(!1);
+    const s = (0, _themevariantcontext.useThemeVariant)(), l = s === "brand" || s === "media" || s === "negative", b = (_i_backgroundColor = i.backgroundColor) !== null && _i_backgroundColor !== void 0 ? _i_backgroundColor : l ? _skincontractcssmistica.vars.colors.brandHigh : _skincontractcssmistica.vars.colors.brandLow, h = (_i_textColor = i.textColor) !== null && _i_textColor !== void 0 ? _i_textColor : l ? _skincontractcssmistica.vars.colors.textPrimaryNegative : _skincontractcssmistica.vars.colors.textBrand, [p, d] = _react.useState(!1);
     _react.useEffect(()=>{
-        m(!1);
+        d(!1);
     }, [
         o
     ]);
-    const x = i.border ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none", v = c.trim().slice(0, 2), d = T(r, e), C = e === !0 ? void 0 : e || 0, w = !!o && !p, A = r <= 40 ? 16 : 24;
+    const x = i.border ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none", v = c.trim().slice(0, 2), m = T(r, e), C = e === !0 ? void 0 : e || 0, w = !!o && !p, A = r <= 40 ? 16 : 24;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
         value: C,
-        top: d,
-        right: d,
+        top: m,
+        right: m,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
             className: _avatarcssmistica.avatar,
             role: "img",
@@ -199,11 +199,13 @@ const T = (r, o)=>{
                 boxSizing: "border-box",
                 border: x
             }
-        }, (0, _dom.getPrefixedDataAttributes)(g, "Avatar")), {
+        }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+            testid: "Avatar"
+        }, g))), {
             children: w ? /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
                 src: o,
                 className: _avatarcssmistica.image,
-                onError: ()=>m(!0),
+                onError: ()=>d(!0),
                 role: "none",
                 width: r,
                 height: r

package/dist/badge.css-mistica.js

@@ -28,4 +28,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var r = "v16_70_17szrmd0 v16_70_1y2v1nfpy v16_70_1y2v1nfq8", d = "v16_70_17szrmd2 v16_70_17szrmd1 v16_70_1y2v1nfce", m = "v16_70_17szrmd3", e = "v16_70_17szrmd5 v16_70_17szrmd2 v16_70_17szrmd1 v16_70_1y2v1nfce v16_70_17szrmd4 v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd", a = "v16_70_17szrmd6 v16_70_1y2v1nfpz", n = "v16_70_17szrmd7";
+/* empty css                                     */ /* empty css                                 */ var r = "v16_72_17szrmd0 v16_72_1y2v1nfpy v16_72_1y2v1nfq8", d = "v16_72_17szrmd2 v16_72_17szrmd1 v16_72_1y2v1nfce", m = "v16_72_17szrmd3", e = "v16_72_17szrmd5 v16_72_17szrmd2 v16_72_17szrmd1 v16_72_1y2v1nfce v16_72_17szrmd4 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd", a = "v16_72_17szrmd6 v16_72_1y2v1nfpz", n = "v16_72_17szrmd7";

package/dist/badge.js

@@ -75,16 +75,18 @@ function _object_spread_props(target, source) {
     return target;
 }
 const F = (param)=>{
-    let { children: e, value: r, right: o, top: a, dataAttributes: f } = param;
+    let { children: e, value: r, right: o, top: s, dataAttributes: f } = param;
     const i = (0, _themevariantcontext.useThemeVariant)(), { textPresets: c } = (0, _hooks.useTheme)();
     if (e && r === 0) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
         children: e
     });
     if (r === 0) return null;
-    const s = r && r > 9, m = i === "brand" || i === "negative" || i === "media" || !!e;
+    const a = r && r > 9, m = i === "brand" || i === "negative" || i === "media" || !!e;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         className: _badgecssmistica.container
-    }, (0, _dom.getPrefixedDataAttributes)(f, "Badge")), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "Badge"
+    }, f))), {
         children: [
             e,
             r ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -92,23 +94,23 @@ const F = (param)=>{
                 "aria-hidden": "true",
                 className: (0, _classnames.default)(_badgecssmistica.badgeNumber, {
                     [_badgecssmistica.badgeWithChildren]: !!e,
-                    [_badgecssmistica.badgeBigNumber]: s,
+                    [_badgecssmistica.badgeBigNumber]: a,
                     [_badgecssmistica.badgeBorder]: m
                 }),
                 style: {
                     right: o,
-                    top: a
+                    top: s
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                     forceMobileSizes: !0,
                     weight: c.indicator.weight,
                     color: _skincontractcssmistica.vars.colors.textPrimaryNegative,
-                    children: s ? "+9" : r
+                    children: a ? "+9" : r
                 })
             }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     right: o,
-                    top: a
+                    top: s
                 },
                 className: (0, _classnames.default)(_badgecssmistica.badge, {
                     [_badgecssmistica.badgeWithChildren]: !!e,

package/dist/box.css-mistica.js

@@ -18,23 +18,23 @@ _export(exports, {
 });
 /* empty css                               */ var _ = {
     paddingTop: {
-        desktop: "var(--v16_70_1xgjmkv0)",
-        tablet: "var(--v16_70_1xgjmkv1)",
-        mobile: "var(--v16_70_1xgjmkv2)"
+        desktop: "var(--v16_72_1xgjmkv0)",
+        tablet: "var(--v16_72_1xgjmkv1)",
+        mobile: "var(--v16_72_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v16_70_1xgjmkv3)",
-        tablet: "var(--v16_70_1xgjmkv4)",
-        mobile: "var(--v16_70_1xgjmkv5)"
+        desktop: "var(--v16_72_1xgjmkv3)",
+        tablet: "var(--v16_72_1xgjmkv4)",
+        mobile: "var(--v16_72_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v16_70_1xgjmkv6)",
-        tablet: "var(--v16_70_1xgjmkv7)",
-        mobile: "var(--v16_70_1xgjmkv8)"
+        desktop: "var(--v16_72_1xgjmkv6)",
+        tablet: "var(--v16_72_1xgjmkv7)",
+        mobile: "var(--v16_72_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v16_70_1xgjmkv9)",
-        tablet: "var(--v16_70_1xgjmkva)",
-        mobile: "var(--v16_70_1xgjmkvb)"
+        desktop: "var(--v16_72_1xgjmkv9)",
+        tablet: "var(--v16_72_1xgjmkva)",
+        mobile: "var(--v16_72_1xgjmkvb)"
     }
-}, a = "v16_70_1xgjmkvc";
+}, a = "v16_72_1xgjmkvc";

package/dist/boxed.css-mistica.js

@@ -29,32 +29,32 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                 */ var _ = {
-    width: "var(--v16_70_ihbkeq0)",
-    height: "var(--v16_70_ihbkeq1)",
-    minHeight: "var(--v16_70_ihbkeq2)",
-    maxWidth: "var(--v16_70_ihbkeq3)",
-    minWidth: "var(--v16_70_ihbkeq4)",
+    width: "var(--v16_72_ihbkeq0)",
+    height: "var(--v16_72_ihbkeq1)",
+    minHeight: "var(--v16_72_ihbkeq2)",
+    maxWidth: "var(--v16_72_ihbkeq3)",
+    minWidth: "var(--v16_72_ihbkeq4)",
     mobile: {
-        width: "var(--v16_70_ihbkeq5)",
-        height: "var(--v16_70_ihbkeq6)",
-        minHeight: "var(--v16_70_ihbkeq7)",
-        maxWidth: "var(--v16_70_ihbkeq8)",
-        minWidth: "var(--v16_70_ihbkeq9)"
+        width: "var(--v16_72_ihbkeq5)",
+        height: "var(--v16_72_ihbkeq6)",
+        minHeight: "var(--v16_72_ihbkeq7)",
+        maxWidth: "var(--v16_72_ihbkeq8)",
+        minWidth: "var(--v16_72_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v16_70_ihbkeqa)",
-        height: "var(--v16_70_ihbkeqb)",
-        minHeight: "var(--v16_70_ihbkeqc)",
-        maxWidth: "var(--v16_70_ihbkeqd)",
-        minWidth: "var(--v16_70_ihbkeqe)"
+        width: "var(--v16_72_ihbkeqa)",
+        height: "var(--v16_72_ihbkeqb)",
+        minHeight: "var(--v16_72_ihbkeqc)",
+        maxWidth: "var(--v16_72_ihbkeqd)",
+        minWidth: "var(--v16_72_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v16_70_ihbkeqf)",
-        height: "var(--v16_70_ihbkeqg)",
-        minHeight: "var(--v16_70_ihbkeqh)",
-        maxWidth: "var(--v16_70_ihbkeqi)",
-        minWidth: "var(--v16_70_ihbkeqj)"
-    },
-    background: "var(--v16_70_ihbkeqk)",
-    borderRadius: "var(--v16_70_ihbkeql)"
-}, h = "v16_70_ihbkeqm", e = "v16_70_ihbkeqn v16_70_1y2v1nft8", r = "v16_70_ihbkeqo v16_70_1y2v1nfsl", a = "v16_70_ihbkeqp", b = "v16_70_ihbkeqq v16_70_1y2v1nfsm";
+        width: "var(--v16_72_ihbkeqf)",
+        height: "var(--v16_72_ihbkeqg)",
+        minHeight: "var(--v16_72_ihbkeqh)",
+        maxWidth: "var(--v16_72_ihbkeqi)",
+        minWidth: "var(--v16_72_ihbkeqj)"
+    },
+    background: "var(--v16_72_ihbkeqk)",
+    borderRadius: "var(--v16_72_ihbkeql)"
+}, h = "v16_72_ihbkeqm", e = "v16_72_ihbkeqn v16_72_1y2v1nft7", r = "v16_72_ihbkeqo v16_72_1y2v1nfsl", a = "v16_72_ihbkeqp", b = "v16_72_ihbkeqq v16_72_1y2v1nfsm";

package/dist/boxed.d.ts

@@ -4,8 +4,6 @@ import type { Variant } from './theme-variant-context';
 import type { ByBreakpoint, DataAttributes } from './utils/types';
 type Props = {
     children: React.ReactNode;
-    /** @deprecated use variant="brand" instead */
-    isInverse?: boolean;
     variant?: Variant;
     className?: string;
     role?: string;

package/dist/boxed.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get Boxed () {
-        return Q;
+        return M;
     },
     get InternalBoxed () {
-        return q;
+        return S;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -123,7 +123,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const S = (e, r)=>e === "default" && (r === "default" || r === "alternative") ? _boxedcssmistica.boxBorder : _boxedcssmistica.noBorder, d = (e)=>typeof e == "number" ? `${e}px` : e !== null && e !== void 0 ? e : "initial", n = (e, r)=>{
+const P = (e, r)=>e === "default" && (r === "default" || r === "alternative") ? _boxedcssmistica.boxBorder : _boxedcssmistica.noBorder, d = (e)=>typeof e == "number" ? `${e}px` : e !== null && e !== void 0 ? e : "initial", n = (e, r)=>{
     if (typeof r == "number" || typeof r == "string" || typeof r > "u") return {
         [_boxedcssmistica.vars[e]]: d(r)
     };
@@ -132,12 +132,12 @@ const S = (e, r)=>e === "default" && (r === "default" || r === "alternative") ?
         [_boxedcssmistica.vars.desktop[e]]: d(r.desktop)
     };
     return r.tablet && (a[_boxedcssmistica.vars.tablet[e]] = d(r.tablet)), a;
-}, q = /*#__PURE__*/ _react.forwardRef((param, O)=>{
-    let { children: e, isInverse: r = !1, className: a, role: c, dataAttributes: p, "aria-label": u, "aria-labelledby": g, width: y, maxWidth: k, minWidth: h, height: x, minHeight: B, borderRadius: C = _skincontractcssmistica.vars.borderRadii.container, background: m, desktopOnly: V, variant: R, overflow: w, border: v } = param;
-    const i = (0, _themevariantcontext.normalizeVariant)((0, _themevariantcontext.useThemeVariant)()), s = (0, _themevariantcontext.normalizeVariant)(R !== null && R !== void 0 ? R : r ? "brand" : "default");
+}, S = /*#__PURE__*/ _react.forwardRef((param, v)=>{
+    let { children: e, className: r, role: a, dataAttributes: f, "aria-label": p, "aria-labelledby": u, width: g, maxWidth: y, minWidth: k, height: h, minHeight: x, borderRadius: B = _skincontractcssmistica.vars.borderRadii.container, background: m, desktopOnly: C, variant: V, overflow: R, border: w } = param;
+    const i = (0, _themevariantcontext.normalizeVariant)((0, _themevariantcontext.useThemeVariant)()), s = (0, _themevariantcontext.normalizeVariant)(V !== null && V !== void 0 ? V : "default");
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-        ref: O,
-        style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(_object_spread_props(_object_spread({}, n("width", y), n("maxWidth", k), n("minWidth", h), n("height", x), n("minHeight", B)), {
+        ref: v,
+        style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(_object_spread_props(_object_spread({}, n("width", g), n("maxWidth", y), n("minWidth", k), n("height", h), n("minHeight", x)), {
             [_boxedcssmistica.vars.background]: m !== null && m !== void 0 ? m : ({
                 default: _skincontractcssmistica.vars.colors.backgroundContainer,
                 brand: i === "brand" || i === "negative" || i === "media" ? _skincontractcssmistica.vars.colors.backgroundContainerBrandOverBrand : _skincontractcssmistica.vars.colors.backgroundContainerBrand,
@@ -145,24 +145,24 @@ const S = (e, r)=>e === "default" && (r === "default" || r === "alternative") ?
                 alternative: _skincontractcssmistica.vars.colors.backgroundContainerAlternative,
                 media: _skincontractcssmistica.vars.colors.backgroundContainer
             })[s],
-            [_boxedcssmistica.vars.borderRadius]: C
+            [_boxedcssmistica.vars.borderRadius]: B
         }))), {
             background: m,
-            border: v
+            border: w
         }),
-        className: (0, _classnames.default)(a, _boxedcssmistica.boxed, S(s, i), {
-            [_boxedcssmistica.desktopOnly]: V,
-            [_boxedcssmistica.overflowHidden]: w !== "visible"
+        className: (0, _classnames.default)(r, _boxedcssmistica.boxed, P(s, i), {
+            [_boxedcssmistica.desktopOnly]: C,
+            [_boxedcssmistica.overflowHidden]: R !== "visible"
         }),
-        role: c,
-        "aria-label": u,
-        "aria-labelledby": g
-    }, (0, _dom.getPrefixedDataAttributes)(p)), {
+        role: a,
+        "aria-label": p,
+        "aria-labelledby": u
+    }, (0, _dom.getPrefixedDataAttributes)(f)), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
             variant: s,
             children: e
         })
     }));
-}), Q = /*#__PURE__*/ _react.forwardRef((e, r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(q, _object_spread_props(_object_spread({}, e), {
+}), M = /*#__PURE__*/ _react.forwardRef((e, r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread_props(_object_spread({}, e), {
         ref: r
     })));

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

@@ -37,4 +37,4 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                  */ /* empty css                                        */ var n = "v16_70_1xdd1h61 v16_70_1xdd1h60 v16_70_1y2v1nfq5 v16_70_1y2v1nfqj v16_70_1y2v1nfq9", t = "v16_70_1xdd1h62", r = "v16_70_1xdd1h63", a = "v16_70_1xdd1h64", e = "v16_70_1xdd1h65", h = "v16_70_1xdd1h66", i = "v16_70_1xdd1h67", o = "v16_70_1xdd1h68", x = "v16_70_1xdd1h69";
+/* empty css                                     */ /* empty css                                  */ /* empty css                                        */ var n = "v16_72_1xdd1h61 v16_72_1xdd1h60 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfq9", t = "v16_72_1xdd1h62", r = "v16_72_1xdd1h63", a = "v16_72_1xdd1h64", e = "v16_72_1xdd1h65", h = "v16_72_1xdd1h66", i = "v16_72_1xdd1h67", o = "v16_72_1xdd1h68", x = "v16_72_1xdd1h69";

package/dist/button-group.js

@@ -137,7 +137,9 @@ const H = (param)=>{
             [_buttongroupcssmistica.centerInTablet]: o.tablet === "center",
             [_buttongroupcssmistica.centerInMobile]: o.mobile === "center"
         })
-    }, (0, _dom.getPrefixedDataAttributes)(d, "ButtonGroup")), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "ButtonGroup"
+    }, d))), {
         children: [
             (t || s) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)(_buttongroupcssmistica.inline, m ? _buttongroupcssmistica.buttonsWithSmallLink : _buttongroupcssmistica.buttons),

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

@@ -28,19 +28,19 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                  */ /* empty css                                         */ var y = "v16_70_kfxylh1 v16_70_kfxylh0 v16_70_1y2v1nfq4 v16_70_1y2v1nfqj", l = "v16_70_kfxylh2", h = {
-    right: "v16_70_kfxylh7 v16_70_kfxylh3 v16_70_1y2v1nfqe",
-    left: "v16_70_kfxylh8 v16_70_kfxylh4 v16_70_1y2v1nfqc",
-    center: "v16_70_kfxylh9 v16_70_kfxylh5 v16_70_1y2v1nfqd",
-    "full-width": "v16_70_kfxylha v16_70_kfxylh6 v16_70_1y2v1nfqd"
-}, k = "v16_70_kfxylhd v16_70_kfxylhc v16_70_kfxylhb v16_70_1y2v1nfq4 v16_70_1y2v1nfqr", x = {
-    center: "v16_70_kfxylhh v16_70_kfxylhc v16_70_kfxylhb v16_70_1y2v1nfq4 v16_70_1y2v1nfqr",
-    left: "v16_70_kfxylhi v16_70_kfxylhc v16_70_kfxylhb v16_70_1y2v1nfq4 v16_70_1y2v1nfqr v16_70_kfxylhe",
-    right: "v16_70_kfxylhj v16_70_kfxylhc v16_70_kfxylhb v16_70_1y2v1nfq4 v16_70_1y2v1nfqr v16_70_kfxylhf",
-    "full-width": "v16_70_kfxylhk v16_70_kfxylhc v16_70_kfxylhb v16_70_1y2v1nfq4 v16_70_1y2v1nfqr v16_70_kfxylhg"
+/* empty css                                     */ /* empty css                                  */ /* empty css                                         */ var y = "v16_72_kfxylh1 v16_72_kfxylh0 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj", l = "v16_72_kfxylh2", h = {
+    right: "v16_72_kfxylh7 v16_72_kfxylh3 v16_72_1y2v1nfqe",
+    left: "v16_72_kfxylh8 v16_72_kfxylh4 v16_72_1y2v1nfqc",
+    center: "v16_72_kfxylh9 v16_72_kfxylh5 v16_72_1y2v1nfqd",
+    "full-width": "v16_72_kfxylha v16_72_kfxylh6 v16_72_1y2v1nfqd"
+}, k = "v16_72_kfxylhd v16_72_kfxylhc v16_72_kfxylhb v16_72_1y2v1nfq4 v16_72_1y2v1nfqr", x = {
+    center: "v16_72_kfxylhh v16_72_kfxylhc v16_72_kfxylhb v16_72_1y2v1nfq4 v16_72_1y2v1nfqr",
+    left: "v16_72_kfxylhi v16_72_kfxylhc v16_72_kfxylhb v16_72_1y2v1nfq4 v16_72_1y2v1nfqr v16_72_kfxylhe",
+    right: "v16_72_kfxylhj v16_72_kfxylhc v16_72_kfxylhb v16_72_1y2v1nfq4 v16_72_1y2v1nfqr v16_72_kfxylhf",
+    "full-width": "v16_72_kfxylhk v16_72_kfxylhc v16_72_kfxylhb v16_72_1y2v1nfq4 v16_72_1y2v1nfqr v16_72_kfxylhg"
 }, n = {
-    center: "v16_70_kfxylho v16_70_kfxylhc v16_70_kfxylhb v16_70_1y2v1nfq4 v16_70_1y2v1nfqr",
-    left: "v16_70_kfxylhp v16_70_kfxylhc v16_70_kfxylhb v16_70_1y2v1nfq4 v16_70_1y2v1nfqr v16_70_kfxylhl",
-    right: "v16_70_kfxylhq v16_70_kfxylhc v16_70_kfxylhb v16_70_1y2v1nfq4 v16_70_1y2v1nfqr v16_70_kfxylhm",
-    "full-width": "v16_70_kfxylhr v16_70_kfxylhc v16_70_kfxylhb v16_70_1y2v1nfq4 v16_70_1y2v1nfqr v16_70_kfxylhn"
+    center: "v16_72_kfxylho v16_72_kfxylhc v16_72_kfxylhb v16_72_1y2v1nfq4 v16_72_1y2v1nfqr",
+    left: "v16_72_kfxylhp v16_72_kfxylhc v16_72_kfxylhb v16_72_1y2v1nfq4 v16_72_1y2v1nfqr v16_72_kfxylhl",
+    right: "v16_72_kfxylhq v16_72_kfxylhc v16_72_kfxylhb v16_72_1y2v1nfq4 v16_72_1y2v1nfqr v16_72_kfxylhm",
+    "full-width": "v16_72_kfxylhr v16_72_kfxylhc v16_72_kfxylhb v16_72_1y2v1nfq4 v16_72_1y2v1nfqr v16_72_kfxylhn"
 };

package/dist/button-layout.js

@@ -141,7 +141,9 @@ const B = (param)=>{
         className: (0, _classnames.default)(_buttonlayoutcssmistica.container, _buttonlayoutcssmistica.alignVariant[t], {
             [_buttonlayoutcssmistica.containerWithTwoButtons]: s > 1
         })
-    }, (0, _dom.getPrefixedDataAttributes)(h, "ButtonLayout")), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "ButtonLayout"
+    }, h))), {
         children: t !== "right" || s > 1 ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
                 a,