@telefonica/mistica 16.71.0 → 16.72.0

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

@@ -38,27 +38,27 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                        */ var n = {
-    default: "v16_71_c6dmsu2 v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso",
-    ios: "v16_71_c6dmsu3 v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso",
-    checked: "v16_71_c6dmsu4 v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso",
-    checkedIos: "v16_71_c6dmsu5 v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso"
+    default: "v16_72_c6dmsu2 v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso",
+    ios: "v16_72_c6dmsu3 v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso",
+    checked: "v16_72_c6dmsu4 v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso",
+    checkedIos: "v16_72_c6dmsu5 v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso"
 }, f = {
-    default: "v16_71_c6dmsu6 v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso",
-    ios: "v16_71_c6dmsu7 v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso",
-    checked: "v16_71_c6dmsu8 v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso",
-    checkedIos: "v16_71_c6dmsu9 v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso"
+    default: "v16_72_c6dmsu6 v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso",
+    ios: "v16_72_c6dmsu7 v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso",
+    checked: "v16_72_c6dmsu8 v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso",
+    checkedIos: "v16_72_c6dmsu9 v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso"
 }, d = {
-    default: "v16_71_c6dmsua v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso",
-    ios: "v16_71_c6dmsub v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso",
-    checked: "v16_71_c6dmsuc v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso",
-    checkedIos: "v16_71_c6dmsud v16_71_c6dmsu1 v16_71_c6dmsu0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft7 v16_71_1y2v1nfqm v16_71_1y2v1nfso"
+    default: "v16_72_c6dmsua v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso",
+    ios: "v16_72_c6dmsub v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso",
+    checked: "v16_72_c6dmsuc v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso",
+    checkedIos: "v16_72_c6dmsud v16_72_c6dmsu1 v16_72_c6dmsu0 v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft6 v16_72_1y2v1nfqm v16_72_1y2v1nfso"
 }, s = {
-    default: "v16_71_c6dmsuh v16_71_c6dmsuf v16_71_c6dmsue v16_71_1y2v1nfq4 v16_71_1y2v1nfso",
-    checked: "v16_71_c6dmsui v16_71_c6dmsuf v16_71_c6dmsue v16_71_1y2v1nfq4 v16_71_1y2v1nfso v16_71_c6dmsug v16_71_1y2v1nfbl"
+    default: "v16_72_c6dmsuh v16_72_c6dmsuf v16_72_c6dmsue v16_72_1y2v1nfq4 v16_72_1y2v1nfso",
+    checked: "v16_72_c6dmsui v16_72_c6dmsuf v16_72_c6dmsue v16_72_1y2v1nfq4 v16_72_1y2v1nfso v16_72_c6dmsug v16_72_1y2v1nfbl"
 }, c = {
-    default: "v16_71_c6dmsuk v16_71_c6dmsuf v16_71_c6dmsue v16_71_1y2v1nfq4 v16_71_1y2v1nfso",
-    checked: "v16_71_c6dmsul v16_71_c6dmsuf v16_71_c6dmsue v16_71_1y2v1nfq4 v16_71_1y2v1nfso v16_71_c6dmsuj v16_71_1y2v1nfbr"
+    default: "v16_72_c6dmsuk v16_72_c6dmsuf v16_72_c6dmsue v16_72_1y2v1nfq4 v16_72_1y2v1nfso",
+    checked: "v16_72_c6dmsul v16_72_c6dmsuf v16_72_c6dmsue v16_72_1y2v1nfq4 v16_72_1y2v1nfso v16_72_c6dmsuj v16_72_1y2v1nfbr"
 }, y = {
-    default: "v16_71_c6dmsun v16_71_c6dmsuf v16_71_c6dmsue v16_71_1y2v1nfq4 v16_71_1y2v1nfso",
-    checked: "v16_71_c6dmsuo v16_71_c6dmsuf v16_71_c6dmsue v16_71_1y2v1nfq4 v16_71_1y2v1nfso v16_71_c6dmsum v16_71_1y2v1nfbq"
-}, m = "v16_71_c6dmsuq v16_71_c6dmsup", u = "v16_71_c6dmsur v16_71_c6dmsup", q = "v16_71_c6dmsus";
+    default: "v16_72_c6dmsun v16_72_c6dmsuf v16_72_c6dmsue v16_72_1y2v1nfq4 v16_72_1y2v1nfso",
+    checked: "v16_72_c6dmsuo v16_72_c6dmsuf v16_72_c6dmsue v16_72_1y2v1nfq4 v16_72_1y2v1nfso v16_72_c6dmsum v16_72_1y2v1nfbq"
+}, m = "v16_72_c6dmsuq v16_72_c6dmsup", u = "v16_72_c6dmsur v16_72_c6dmsup", q = "v16_72_c6dmsus";

package/dist/radio-button.js

@@ -173,56 +173,58 @@ const E = /*#__PURE__*/ _react.createContext({
         "aria-labelledby",
         "aria-label"
     ]);
-    const { id: b, disabled: i, selectedValue: h, focusableValue: R, select: f, selectNext: p, selectPrev: y } = _(), [o, I] = _react.useState(!1), k = _react.useId(), v = V || k, t = _react.useRef(null), a = e === h, { isIos: g } = (0, _hooks.useTheme)(), l = (0, _themevariantcontext.useThemeVariant)(), d = i ? void 0 : R === e || o && !h ? 0 : -1;
+    const { id: b, disabled: n, selectedValue: h, focusableValue: R, select: f, selectNext: p, selectPrev: y } = _(), [o, I] = _react.useState(!1), k = _react.useId(), v = V || k, a = _react.useRef(null), t = e === h, { isIos: g } = (0, _hooks.useTheme)(), l = (0, _themevariantcontext.useThemeVariant)(), d = n ? void 0 : R === e || o && !h ? 0 : -1;
     _react.useEffect(()=>{
         var _document_getElementById;
-        const n = (_document_getElementById = document.getElementById(b)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.querySelector("[role=radio]");
-        I(n === t.current);
+        const i = (_document_getElementById = document.getElementById(b)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.querySelector("[role=radio]");
+        I(i === a.current);
     }, [
         b
     ]);
-    const u = (n)=>{
-        switch(n.key){
+    const u = (i)=>{
+        switch(i.key){
             case _keys.SPACE:
-                f(e), n.preventDefault(), n.stopPropagation();
+                f(e), i.preventDefault(), i.stopPropagation();
                 break;
             case _keys.RIGHT:
             case _keys.DOWN:
-                p(), n.preventDefault(), n.stopPropagation();
+                p(), i.preventDefault(), i.stopPropagation();
                 break;
             case _keys.LEFT:
             case _keys.UP:
-                y(), n.preventDefault(), n.stopPropagation();
+                y(), i.preventDefault(), i.stopPropagation();
                 break;
         }
-    }, P = g ? a ? "checkedIos" : "ios" : a ? "checked" : "default", N = a ? "checked" : "default", S = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+    }, P = g ? t ? "checkedIos" : "ios" : t ? "checked" : "default", N = t ? "checked" : "default", S = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(l === "brand" || l === "media" ? _radiobuttoncssmistica.overBrandOuterCircleVariants[P] : l === "negative" ? _radiobuttoncssmistica.overNegativeOuterCircleVariants[P] : _radiobuttoncssmistica.outerCircleVariants[P], {
-            [_radiobuttoncssmistica.disabled]: i
+            [_radiobuttoncssmistica.disabled]: n
         }),
         children: !g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: l === "brand" || l === "media" ? _radiobuttoncssmistica.overBrandInnerCircleVariant[N] : l === "negative" ? _radiobuttoncssmistica.overNegativeInnerCircleVariant[N] : _radiobuttoncssmistica.innerCircleVariant[N]
         })
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("span", _object_spread_props(_object_spread({
-        ref: t,
+        ref: a,
         id: c,
         tabIndex: d,
         role: "radio",
         "data-value": e,
-        "aria-checked": a,
-        "aria-disabled": i,
+        "aria-checked": t,
+        "aria-disabled": n,
         "aria-label": C,
         "aria-labelledby": C ? void 0 : v,
-        onClick: (n)=>{
-            n.stopPropagation(), i || f(e);
+        onClick: (i)=>{
+            i.stopPropagation(), n || f(e);
         },
-        onKeyDown: i ? void 0 : u,
-        className: i ? _radiobuttoncssmistica.radioButtonContainerDisabled : _radiobuttoncssmistica.radioButton
-    }, (0, _dom.getPrefixedDataAttributes)(x, "RadioButton")), {
+        onKeyDown: n ? void 0 : u,
+        className: n ? _radiobuttoncssmistica.radioButtonContainerDisabled : _radiobuttoncssmistica.radioButton
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "RadioButton"
+    }, x))), {
         children: m.render ? m.render({
             controlElement: S,
-            disabled: !!i,
-            checked: a,
+            disabled: !!n,
+            checked: t,
             labelId: v
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 16,
@@ -243,7 +245,7 @@ const E = /*#__PURE__*/ _react.createContext({
                     as: "div",
                     id: v,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                        className: i ? _radiobuttoncssmistica.disabled : "",
+                        className: n ? _radiobuttoncssmistica.disabled : "",
                         children: m.children
                     })
                 })
@@ -258,34 +260,34 @@ const E = /*#__PURE__*/ _react.createContext({
         defaultValue: e.defaultValue,
         onChange: e.onChange,
         disabled: e.disabled
-    }), b = _react.useId(), i = typeof c < "u", [h, R] = _react.useState((_ref = c !== null && c !== void 0 ? c : x) !== null && _ref !== void 0 ? _ref : "");
+    }), b = _react.useId(), n = typeof c < "u", [h, R] = _react.useState((_ref = c !== null && c !== void 0 ? c : x) !== null && _ref !== void 0 ? _ref : "");
     _react.useEffect(()=>{
         c !== void 0 && R(c);
     }, [
         c
     ]);
-    const f = (t)=>{
-        i || R(t), V(t);
+    const f = (a)=>{
+        n || R(a), V(a);
     }, [p, y] = _react.useState(null), o = _react.useRef(null), I = ()=>{
         if (o.current) {
-            const t = o.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(o.current.querySelectorAll("[role=radio]"));
-            if (a.length === 0) return;
-            const l = ((t ? a.indexOf(t) : 0) + 1) % a.length, d = a[l], u = d.dataset.value;
+            const a = o.current.querySelector("[role=radio][aria-checked=true]"), t = Array.from(o.current.querySelectorAll("[role=radio]"));
+            if (t.length === 0) return;
+            const l = ((a ? t.indexOf(a) : 0) + 1) % t.length, d = t[l], u = d.dataset.value;
             u && (d.focus(), f(u));
         }
     }, k = ()=>{
         if (o.current) {
-            const t = o.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(o.current.querySelectorAll("[role=radio]"));
-            if (a.length === 0) return;
-            const g = t ? a.indexOf(t) : 0, l = (a.length + g - 1) % a.length, d = a[l], u = d.dataset.value;
+            const a = o.current.querySelector("[role=radio][aria-checked=true]"), t = Array.from(o.current.querySelectorAll("[role=radio]"));
+            if (t.length === 0) return;
+            const g = a ? t.indexOf(a) : 0, l = (t.length + g - 1) % t.length, d = t[l], u = d.dataset.value;
             u && (d.focus(), f(u));
         }
     };
     _react.useEffect(()=>{
         if (o.current) {
-            const t = o.current.querySelector("[role=radio]");
-            var _t_dataset_value;
-            t && y((_t_dataset_value = t.dataset.value) !== null && _t_dataset_value !== void 0 ? _t_dataset_value : null);
+            const a = o.current.querySelector("[role=radio]");
+            var _a_dataset_value;
+            a && y((_a_dataset_value = a.dataset.value) !== null && _a_dataset_value !== void 0 ? _a_dataset_value : null);
         }
     }, []);
     var _ref1;
@@ -296,7 +298,9 @@ const E = /*#__PURE__*/ _react.createContext({
         role: "radiogroup",
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-label"] ? void 0 : e["aria-labelledby"]
-    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "RadioGroup")), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "RadioGroup"
+    }, e.dataAttributes))), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(E.Provider, {
             value: {
                 id: b,

package/dist/rating.css-mistica.js

@@ -38,5 +38,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                  */ var i = {
-    iconSize: "var(--v16_71_igrtie0)"
-}, r = "v16_71_igrtie3 v16_71_igrtie2 v16_71_1y2v1nfq4 v16_71_1y2v1nfqd v16_71_1y2v1nfqj", a = "v16_71_igrtie4 v16_71_1y2v1nfpy", t = "v16_71_igrtie6 v16_71_igrtie5 v16_71_1y2v1nfpz", e = "v16_71_igrtie8 v16_71_igrtie7 v16_71_1y2v1nfpy", n = "v16_71_igrtie9", g = "v16_71_igrtiea", o = "v16_71_igrtieb", c = "v16_71_igrtiec";
+    iconSize: "var(--v16_72_igrtie0)"
+}, r = "v16_72_igrtie3 v16_72_igrtie2 v16_72_1y2v1nfq4 v16_72_1y2v1nfqd v16_72_1y2v1nfqj", a = "v16_72_igrtie4 v16_72_1y2v1nfpy", t = "v16_72_igrtie6 v16_72_igrtie5 v16_72_1y2v1nfpz", e = "v16_72_igrtie8 v16_72_igrtie7 v16_72_1y2v1nfpy", n = "v16_72_igrtie9", g = "v16_72_igrtiea", o = "v16_72_igrtieb", c = "v16_72_igrtiec";

package/dist/rating.js

@@ -300,7 +300,7 @@ const So = 32, _o = 16, Co = 5, yo = {
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(H, _object_spread({
         role: "radiogroup",
         dataAttributes: _object_spread({
-            "component-name": "Rating"
+            testid: "Rating"
         }, n)
     }, c));
 }, rt = (_param)=>{
@@ -314,7 +314,7 @@ const So = 32, _o = 16, Co = 5, yo = {
         icon: c !== null && c !== void 0 ? c : Eo,
         role: "img",
         dataAttributes: _object_spread({
-            "component-name": "InfoRating"
+            testid: "InfoRating"
         }, n)
     }, e));
 };

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

@@ -52,9 +52,9 @@ _export(exports, {
         return t;
     }
 });
-/* empty css                                     */ /* empty css                                             */ var o = 16, r = 32, e = "v16_71_17lofg72", a = "v16_71_17lofg73", n = "v16_71_17lofg74", f = "v16_71_17lofg75", t = "v16_71_17lofg76", l = "v16_71_17lofg77", i = "v16_71_17lofg78", g = "v16_71_17lofg79", s = "v16_71_17lofg7a", p = {
-    brand: "v16_71_17lofg7b v16_71_1y2v1nf80",
-    negative: "v16_71_17lofg7c v16_71_1y2v1nf81",
-    media: "v16_71_17lofg7d v16_71_1y2v1nffw",
-    alternative: "v16_71_17lofg7e v16_71_1y2v1nf7z"
-}, d = "v16_71_17lofg7f", M = "v16_71_17lofg7h v16_71_17lofg7g v16_71_1y2v1nfqr";
+/* empty css                                     */ /* empty css                                             */ var o = 16, r = 32, e = "v16_72_17lofg72", a = "v16_72_17lofg73", n = "v16_72_17lofg74", f = "v16_72_17lofg75", t = "v16_72_17lofg76", l = "v16_72_17lofg77", i = "v16_72_17lofg78", g = "v16_72_17lofg79", s = "v16_72_17lofg7a", p = {
+    brand: "v16_72_17lofg7b v16_72_1y2v1nf80",
+    negative: "v16_72_17lofg7c v16_72_1y2v1nf81",
+    media: "v16_72_17lofg7d v16_72_1y2v1nffw",
+    alternative: "v16_72_17lofg7e v16_72_1y2v1nf7z"
+}, d = "v16_72_17lofg7f", M = "v16_72_17lofg7h v16_72_17lofg7g v16_72_1y2v1nfqr";

package/dist/responsive-layout.d.ts

@@ -5,13 +5,11 @@ type Props = {
     children: React.ReactNode;
     fullWidth?: boolean;
     className?: string;
-    /** @deprecated Use variant = 'brand' instead */
-    isInverse?: boolean;
     variant?: Variant;
     backgroundColor?: string;
     dataAttributes?: DataAttributes;
 };
-export declare const InternalResponsiveLayout: ({ children, isInverse, variant, backgroundColor, className, fullWidth, dataAttributes, shouldExpandWhenNested, innerDivClassName, }: Props & {
+export declare const InternalResponsiveLayout: ({ children, variant, backgroundColor, className, fullWidth, dataAttributes, shouldExpandWhenNested, innerDivClassName, }: Props & {
     shouldExpandWhenNested?: boolean | "desktop";
     innerDivClassName?: string;
 }) => JSX.Element;

package/dist/responsive-layout.js

@@ -11,13 +11,13 @@ function _export(target, all) {
 }
 _export(exports, {
     get InternalResponsiveLayout () {
-        return T;
+        return k;
     },
     get ResetResponsiveLayout () {
-        return q;
+        return W;
     },
     get default () {
-        return W;
+        return P;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -109,36 +109,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const T = (param)=>{
-    let { children: a, isInverse: e = !1, variant: r, backgroundColor: i, className: d, fullWidth: s, dataAttributes: m, shouldExpandWhenNested: l = !1, innerDivClassName: c } = param;
-    const u = (0, _themevariantcontext.useThemeVariant)(), n = r || e && "brand" || void 0;
+const k = (param)=>{
+    let { children: a, variant: e, backgroundColor: r, className: l, fullWidth: i, dataAttributes: m, shouldExpandWhenNested: s = !1, innerDivClassName: d } = param;
+    const c = (0, _themevariantcontext.useThemeVariant)(), n = e;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
-        variant: n !== null && n !== void 0 ? n : u,
+        variant: n !== null && n !== void 0 ? n : c,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-            className: (0, _classnames.default)(d, n && n !== "default" && _responsivelayoutcssmistica.backgroundVariant[(0, _themevariantcontext.normalizeVariant)(n)], ...s ? [] : [
-                l ? _responsivelayoutcssmistica.desktopContainer : _responsivelayoutcssmistica.forcedMarginDesktopContainer,
-                l === !0 ? _responsivelayoutcssmistica.mobileContainer : _responsivelayoutcssmistica.forcedMarginMobileContainer,
+            className: (0, _classnames.default)(l, n && n !== "default" && _responsivelayoutcssmistica.backgroundVariant[(0, _themevariantcontext.normalizeVariant)(n)], ...i ? [] : [
+                s ? _responsivelayoutcssmistica.desktopContainer : _responsivelayoutcssmistica.forcedMarginDesktopContainer,
+                s === !0 ? _responsivelayoutcssmistica.mobileContainer : _responsivelayoutcssmistica.forcedMarginMobileContainer,
                 _responsivelayoutcssmistica.responsiveLayoutContainer
             ]),
-            style: i ? {
-                background: i
+            style: r ? {
+                background: r
             } : void 0
         }, (0, _dom.getPrefixedDataAttributes)(m)), {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(s ? _responsivelayoutcssmistica.fullWidth : _responsivelayoutcssmistica.responsiveLayout, c),
+                className: (0, _classnames.default)(i ? _responsivelayoutcssmistica.fullWidth : _responsivelayoutcssmistica.responsiveLayout, d),
                 children: a
             })
         }))
     });
-}, W = (_param)=>{
+}, P = (_param)=>{
     var { children: a } = _param, e = _object_without_properties(_param, [
         "children"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, _object_spread_props(_object_spread({}, e), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({}, e), {
         shouldExpandWhenNested: !0,
         children: a
     }));
-}, q = (param)=>{
+}, W = (param)=>{
     let { children: a, skipMobile: e = !1, skipDesktop: r = !1 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)({

package/dist/screen-reader-only.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                              */ var f = "v16_71_gwdgwo1 v16_71_gwdgwo0 v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfif v16_71_1y2v1nfjo v16_71_1y2v1nfpz v16_71_1y2v1nft8 v16_71_1y2v1nfsm";
+/* empty css                                     */ /* empty css                                              */ var f = "v16_72_gwdgwo1 v16_72_gwdgwo0 v16_72_1y2v1nffx v16_72_1y2v1nfh6 v16_72_1y2v1nfif v16_72_1y2v1nfjo v16_72_1y2v1nfpz v16_72_1y2v1nft7 v16_72_1y2v1nfsm";

package/dist/screen-reader-only.js

@@ -112,17 +112,19 @@ function _object_spread_props(target, source) {
     return target;
 }
 const u = (param)=>{
-    let { children: r, className: a, dataAttributes: m } = param;
-    const n = (0, _dom.getPrefixedDataAttributes)(m, "ScreenReaderOnly");
-    if (_react.Children.count(r) === 1) {
-        const t = _react.Children.only(r);
-        if (/*#__PURE__*/ _react.isValidElement(t)) return /*#__PURE__*/ _react.cloneElement(t, _object_spread({
-            className: (0, _classnames.default)(t.props.className, _screenreaderonlycssmistica.screenReaderOnly, a)
-        }, n));
+    let { children: t, className: s, dataAttributes: m } = param;
+    const a = (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "ScreenReaderOnly"
+    }, m));
+    if (_react.Children.count(t) === 1) {
+        const r = _react.Children.only(t);
+        if (/*#__PURE__*/ _react.isValidElement(r)) return /*#__PURE__*/ _react.cloneElement(r, _object_spread({
+            className: (0, _classnames.default)(r.props.className, _screenreaderonlycssmistica.screenReaderOnly, s)
+        }, a));
     }
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-        className: (0, _classnames.default)(_screenreaderonlycssmistica.screenReaderOnly, a)
-    }, n), {
-        children: r
+        className: (0, _classnames.default)(_screenreaderonlycssmistica.screenReaderOnly, s)
+    }, a), {
+        children: t
     }));
 };

package/dist/search-field.js

@@ -147,7 +147,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const $ = /*#__PURE__*/ _react.forwardRef((_param, g)=>{
-    var { disabled: m, error: u, helperText: f, name: d, label: p, optional: h, validate: S, validateOnBlurInsideForm: I, onChange: t, onChangeValue: l, onBlur: R, value: n, defaultValue: b, withStartIcon: C = !0, dataAttributes: F } = _param, V = _object_without_properties(_param, [
+    var { disabled: u, error: f, helperText: m, name: d, label: p, optional: h, validate: S, validateOnBlurInsideForm: I, onChange: t, onChangeValue: l, onBlur: R, value: i, defaultValue: b, withStartIcon: C = !0, dataAttributes: F } = _param, V = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -164,41 +164,41 @@ const $ = /*#__PURE__*/ _react.forwardRef((_param, g)=>{
         "withStartIcon",
         "dataAttributes"
     ]);
-    const { texts: v, t: x } = (0, _hooks.useTheme)(), e = _react.useRef(null), [y, P] = _react.useState(b || ""), a = typeof n < "u", i = a ? n : y, s = _react.useCallback((o, A)=>{
-        a || P(o), l === null || l === void 0 ? void 0 : l(o, A);
+    const { texts: v, t: x } = (0, _hooks.useTheme)(), e = _react.useRef(null), [y, P] = _react.useState(b || ""), s = typeof i < "u", n = s ? i : y, a = _react.useCallback((o, A)=>{
+        s || P(o), l === null || l === void 0 ? void 0 : l(o, A);
     }, [
-        a,
+        s,
         l
     ]), k = _react.useCallback(()=>{
         var _e_current, _e_current1;
         (0, _reactdom.flushSync)(()=>{
-            s("", ""), e.current && (t === null || t === void 0 ? void 0 : t((0, _dom.createChangeEvent)(e.current, "")));
+            a("", ""), e.current && (t === null || t === void 0 ? void 0 : t((0, _dom.createChangeEvent)(e.current, "")));
         }), e === null || e === void 0 ? void 0 : (_e_current = e.current) === null || _e_current === void 0 ? void 0 : _e_current.blur(), e === null || e === void 0 ? void 0 : (_e_current1 = e.current) === null || _e_current1 === void 0 ? void 0 : _e_current1.focus();
     }, [
-        s,
+        a,
         t
     ]), z = (0, _formcontext.useFieldProps)({
         name: d,
         label: p,
-        value: i,
+        value: n,
         defaultValue: void 0,
         processValue: (o)=>o,
-        helperText: f,
+        helperText: m,
         optional: h,
-        error: u,
-        disabled: m,
+        error: f,
+        disabled: u,
         onBlur: R,
         validate: S,
         validateOnBlurInsideForm: I,
         onChange: t,
-        onChangeValue: s
+        onChangeValue: a
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({
         ref: (0, _common.combineRefs)(e, g),
         startIcon: C ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsearchregular.default, {
             size: _iconbuttoncssmistica.iconSize.small
         }) : void 0,
-        endIcon: i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.FieldEndIcon, {
+        endIcon: n ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.FieldEndIcon, {
             Icon: _iconcloseregular.default,
             "aria-label": v.formSearchClear || x(_texttokens.formSearchClear),
             onPress: k
@@ -206,7 +206,6 @@ const $ = /*#__PURE__*/ _react.forwardRef((_param, g)=>{
     }, V, z), {
         type: "search",
         dataAttributes: _object_spread({
-            "component-name": "SearchField",
             testid: "SearchField"
         }, F)
     }));

package/dist/select.css-mistica.js

@@ -41,21 +41,21 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                  */ var f = {
-    top: "var(--v16_71_1sqpivv0)",
-    left: "var(--v16_71_1sqpivv1)",
-    transformOrigin: "var(--v16_71_1sqpivv2)",
-    minWidth: "var(--v16_71_1sqpivv3)",
-    maxHeight: "var(--v16_71_1sqpivv4)"
-}, s = "v16_71_1sqpivv6 v16_71_1sqpivv5 v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfif v16_71_1y2v1nfjo v16_71_1y2v1nfq0 v16_71_1y2v1nfsv v16_71_1y2v1nf83", p = {
-    show: "v16_71_1sqpivv7",
-    hide: "v16_71_1sqpivv8"
+    top: "var(--v16_72_1sqpivv0)",
+    left: "var(--v16_72_1sqpivv1)",
+    transformOrigin: "var(--v16_72_1sqpivv2)",
+    minWidth: "var(--v16_72_1sqpivv3)",
+    maxHeight: "var(--v16_72_1sqpivv4)"
+}, s = "v16_72_1sqpivv6 v16_72_1sqpivv5 v16_72_1y2v1nffx v16_72_1y2v1nfh6 v16_72_1y2v1nfif v16_72_1y2v1nfjo v16_72_1y2v1nfq0 v16_72_1y2v1nfsv v16_72_1y2v1nf83", p = {
+    show: "v16_72_1sqpivv7",
+    hide: "v16_72_1sqpivv8"
 }, y = {
-    default: "v16_71_1sqpivvd v16_71_1sqpivvc v16_71_1sqpivvb v16_71_1y2v1nfpy v16_71_1y2v1nft7",
-    fullWidth: "v16_71_1sqpivve v16_71_1sqpivvc v16_71_1sqpivvb v16_71_1y2v1nfpy v16_71_1y2v1nft7"
+    default: "v16_72_1sqpivvd v16_72_1sqpivvc v16_72_1sqpivvb v16_72_1y2v1nfpy v16_72_1y2v1nft6",
+    fullWidth: "v16_72_1sqpivve v16_72_1sqpivvc v16_72_1sqpivvb v16_72_1y2v1nfpy v16_72_1y2v1nft6"
 }, q = {
-    default: "v16_71_1sqpivvh v16_71_1sqpivvg v16_71_1sqpivvf v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfsm v16_71_1y2v1nft8 v16_71_1y2v1nf4x v16_71_1y2v1nffw v16_71_1y2v1nfqr v16_71_1y2v1nfsv",
-    disabled: "v16_71_1sqpivvi v16_71_1sqpivvg v16_71_1sqpivvf v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfsm v16_71_1y2v1nft8 v16_71_1y2v1nf4x v16_71_1y2v1nffw v16_71_1y2v1nfqr v16_71_1y2v1nfsv"
+    default: "v16_72_1sqpivvh v16_72_1sqpivvg v16_72_1sqpivvf v16_72_1y2v1nffx v16_72_1y2v1nfh6 v16_72_1y2v1nfsm v16_72_1y2v1nft7 v16_72_1y2v1nf4x v16_72_1y2v1nffw v16_72_1y2v1nfqr v16_72_1y2v1nfsv",
+    disabled: "v16_72_1sqpivvi v16_72_1sqpivvg v16_72_1sqpivvf v16_72_1y2v1nffx v16_72_1y2v1nfh6 v16_72_1y2v1nfsm v16_72_1y2v1nft7 v16_72_1y2v1nf4x v16_72_1y2v1nffw v16_72_1y2v1nfqr v16_72_1y2v1nfsv"
 }, t = {
-    default: "v16_71_1sqpivvl v16_71_1sqpivvk v16_71_1sqpivvj v16_71_1y2v1nfpz v16_71_1y2v1nft8 v16_71_1y2v1nfsj v16_71_1y2v1nf4x",
-    disabled: "v16_71_1sqpivvm v16_71_1sqpivvk v16_71_1sqpivvj v16_71_1y2v1nfpz v16_71_1y2v1nft8 v16_71_1y2v1nfsj v16_71_1y2v1nf4x"
-}, a = "v16_71_1sqpivvo v16_71_1sqpivvn v16_71_1y2v1nfpz", r = "v16_71_1sqpivvp", e = "v16_71_1sqpivvr v16_71_1sqpivvq v16_71_1y2v1nfio v16_71_1y2v1nfjx v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nf4x v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nft7", o = "v16_71_1sqpivvs v16_71_1y2v1nf7z";
+    default: "v16_72_1sqpivvl v16_72_1sqpivvk v16_72_1sqpivvj v16_72_1y2v1nfpz v16_72_1y2v1nft7 v16_72_1y2v1nfsj v16_72_1y2v1nf4x",
+    disabled: "v16_72_1sqpivvm v16_72_1sqpivvk v16_72_1sqpivvj v16_72_1y2v1nfpz v16_72_1y2v1nft7 v16_72_1y2v1nfsj v16_72_1y2v1nf4x"
+}, a = "v16_72_1sqpivvo v16_72_1sqpivvn v16_72_1y2v1nfpz", r = "v16_72_1sqpivvp", e = "v16_72_1sqpivvr v16_72_1sqpivvq v16_72_1y2v1nfio v16_72_1y2v1nfjx v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nf4x v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nft6", o = "v16_72_1sqpivvs v16_72_1y2v1nf7z";

package/dist/sheet-action-row.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "sheetActionRow", {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                            */ var n = "v16_71_4k81wx1 v16_71_4k81wx0 v16_71_1y2v1nfgc v16_71_1y2v1nfhl v16_71_1y2v1nfiu v16_71_1y2v1nfk3 v16_71_1y2v1nfq4 v16_71_1y2v1nfsh v16_71_1y2v1nfqj";
+/* empty css                                     */ /* empty css                                            */ var n = "v16_72_4k81wx1 v16_72_4k81wx0 v16_72_1y2v1nfgc v16_72_1y2v1nfhl v16_72_1y2v1nfiu v16_72_1y2v1nfk3 v16_72_1y2v1nfq4 v16_72_1y2v1nfsh v16_72_1y2v1nfqj";

package/dist/sheet-actions-list.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import type { ExclusifyUnion } from './utils/utility-types';
-import type { DataAttributes, IconProps } from './utils/types';
+import type { DataAttributes } from './utils/types';
 type ActionsListSheetProps = {
     title?: string;
     subtitle?: string;
@@ -10,13 +9,10 @@ type ActionsListSheetProps = {
         title: string;
         /** "normal" by default */
         style?: 'normal' | 'destructive';
-        icon?: ExclusifyUnion<{
-            /** @deprecated - use url instead */
-            Icon: React.ComponentType<IconProps>;
-        } | {
+        icon?: {
             url: string;
             urlDark?: string;
-        }>;
+        };
     }>;
     onClose?: () => void;
     onSelect?: (id: string) => void;

package/dist/sheet-actions-list.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return C;
+        return E;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -94,51 +94,48 @@ function _object_spread(target) {
     }
     return target;
 }
-const C = /*#__PURE__*/ _react.forwardRef((param, h)=>{
-    let { title: m, subtitle: s, description: a, items: c, onClose: l, onSelect: n, dataAttributes: d } = param;
-    const { isDarkMode: p } = (0, _hooks.useTheme)();
+const E = /*#__PURE__*/ _react.forwardRef((param, h)=>{
+    let { title: i, subtitle: m, description: s, items: a, onClose: c, onSelect: l, dataAttributes: d } = param;
+    const { isDarkMode: f } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheetcommon.default, {
-        onClose: l,
+        onClose: c,
         ref: h,
         dataAttributes: _object_spread({
-            "component-name": "ActionsListSheet"
+            testid: "ActionsListSheet"
         }, d),
         children: (param)=>{
-            let { closeModal: u, modalTitleId: f } = param;
+            let { closeModal: n, modalTitleId: p } = param;
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheetcommon.SheetBody, {
-                title: m,
-                subtitle: s,
-                description: a,
-                modalTitleId: f,
+                title: i,
+                subtitle: m,
+                description: s,
+                modalTitleId: p,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
-                    children: c.map((param)=>{
-                        let { id: o, style: i, title: x, icon: e } = param;
+                    children: a.map((param)=>{
+                        let { id: e, style: u, title: x, icon: t } = param;
                         return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                             onPress: ()=>{
-                                n === null || n === void 0 ? void 0 : n(o), u();
+                                l === null || l === void 0 ? void 0 : l(e), n();
                             },
                             children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                 className: _sheetactionrowcssmistica.sheetActionRow,
                                 children: [
-                                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                    t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                         paddingRight: 16,
-                                        children: e.Icon ? /* @__PURE__ */ (0, _jsxruntime.jsx)(e.Icon, {
-                                            size: 24,
-                                            color: i === "destructive" ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh
-                                        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
                                             circular: !0,
-                                            src: p && e.urlDark ? e.urlDark : e.url,
+                                            src: f && t.urlDark ? t.urlDark : t.url,
                                             width: 40
                                         })
                                     }),
                                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                         regular: !0,
-                                        color: i === "destructive" ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.textPrimary,
+                                        color: u === "destructive" ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.textPrimary,
                                         children: x
                                     })
                                 ]
                             })
-                        }, o);
+                        }, e);
                     })
                 })
             });