@telefonica/mistica 16.70.0 → 16.72.0

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_70_gwdgwo1 v16_70_gwdgwo0 v16_70_1y2v1nffx v16_70_1y2v1nfh6 v16_70_1y2v1nfif v16_70_1y2v1nfjo v16_70_1y2v1nfpz v16_70_1y2v1nft8 v16_70_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_70_1sqpivv0)",
-    left: "var(--v16_70_1sqpivv1)",
-    transformOrigin: "var(--v16_70_1sqpivv2)",
-    minWidth: "var(--v16_70_1sqpivv3)",
-    maxHeight: "var(--v16_70_1sqpivv4)"
-}, s = "v16_70_1sqpivv6 v16_70_1sqpivv5 v16_70_1y2v1nffx v16_70_1y2v1nfh6 v16_70_1y2v1nfif v16_70_1y2v1nfjo v16_70_1y2v1nfq0 v16_70_1y2v1nfsv v16_70_1y2v1nf83", p = {
-    show: "v16_70_1sqpivv7",
-    hide: "v16_70_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_70_1sqpivvd v16_70_1sqpivvc v16_70_1sqpivvb v16_70_1y2v1nfpy v16_70_1y2v1nft7",
-    fullWidth: "v16_70_1sqpivve v16_70_1sqpivvc v16_70_1sqpivvb v16_70_1y2v1nfpy v16_70_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_70_1sqpivvh v16_70_1sqpivvg v16_70_1sqpivvf v16_70_1y2v1nffx v16_70_1y2v1nfh6 v16_70_1y2v1nfsm v16_70_1y2v1nft8 v16_70_1y2v1nf4x v16_70_1y2v1nffw v16_70_1y2v1nfqr v16_70_1y2v1nfsv",
-    disabled: "v16_70_1sqpivvi v16_70_1sqpivvg v16_70_1sqpivvf v16_70_1y2v1nffx v16_70_1y2v1nfh6 v16_70_1y2v1nfsm v16_70_1y2v1nft8 v16_70_1y2v1nf4x v16_70_1y2v1nffw v16_70_1y2v1nfqr v16_70_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_70_1sqpivvl v16_70_1sqpivvk v16_70_1sqpivvj v16_70_1y2v1nfpz v16_70_1y2v1nft8 v16_70_1y2v1nfsj v16_70_1y2v1nf4x",
-    disabled: "v16_70_1sqpivvm v16_70_1sqpivvk v16_70_1sqpivvj v16_70_1y2v1nfpz v16_70_1y2v1nft8 v16_70_1y2v1nfsj v16_70_1y2v1nf4x"
-}, a = "v16_70_1sqpivvo v16_70_1sqpivvn v16_70_1y2v1nfpz", r = "v16_70_1sqpivvp", e = "v16_70_1sqpivvr v16_70_1sqpivvq v16_70_1y2v1nfio v16_70_1y2v1nfjx v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nf4x v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nft7", o = "v16_70_1sqpivvs v16_70_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_70_4k81wx1 v16_70_4k81wx0 v16_70_1y2v1nfgc v16_70_1y2v1nfhl v16_70_1y2v1nfiu v16_70_1y2v1nfk3 v16_70_1y2v1nfq4 v16_70_1y2v1nfsh v16_70_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);
                     })
                 })
             });

package/dist/sheet-actions.js

@@ -133,10 +133,10 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const I = /*#__PURE__*/ _react.forwardRef((param, P)=>{
-    let { title: m, subtitle: a, description: c, button: d, secondaryButton: s, buttonLink: i, onClose: u, dataAttributes: f, onPressButton: p } = param;
+const I = /*#__PURE__*/ _react.forwardRef((param, h)=>{
+    let { title: a, subtitle: m, description: d, button: c, secondaryButton: s, buttonLink: i, onClose: u, dataAttributes: f, onPressButton: P } = param;
     const o = (r, t)=>()=>{
-            p === null || p === void 0 ? void 0 : p(t), r();
+            P === null || P === void 0 ? void 0 : P(t), r();
         }, n = (_param)=>{
         var { text: r } = _param, t = _object_without_properties(_param, [
             "text"
@@ -147,18 +147,18 @@ const I = /*#__PURE__*/ _react.forwardRef((param, P)=>{
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheetcommon.default, {
         onClose: u,
-        ref: P,
+        ref: h,
         dataAttributes: _object_spread({
-            "component-name": "ActionsSheet"
+            testid: "ActionsSheet"
         }, f),
         children: (param)=>{
             let { modalTitleId: r, closeModal: t } = param;
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheetcommon.SheetBody, {
-                title: m,
-                subtitle: a,
-                description: c,
+                title: a,
+                subtitle: m,
+                description: d,
                 modalTitleId: r,
-                button: /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread_props(_object_spread({}, n(d)), {
+                button: /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread_props(_object_spread({}, n(c)), {
                     onPress: o(t, "PRIMARY")
                 })),
                 secondaryButton: s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, _object_spread_props(_object_spread({}, n(s)), {

package/dist/sheet-common.css-mistica.js

@@ -19,13 +19,13 @@ _export(exports, {
         return i;
     },
     get bodyContent () {
-        return s;
+        return l;
     },
     get children () {
-        return r;
+        return d;
     },
     get closingOverlay () {
-        return m;
+        return a;
     },
     get closingSheet () {
         return y;
@@ -34,19 +34,19 @@ _export(exports, {
         return o;
     },
     get handleBar () {
-        return p;
+        return m;
     },
     get handleContainer () {
-        return d;
+        return p;
     },
     get overlay () {
-        return a;
+        return t;
     },
     get sheetTopDraggingArea () {
-        return t;
+        return r;
     },
     get stickyButtons () {
-        return l;
+        return s;
     },
     get stickyTitle () {
         return q;
@@ -55,4 +55,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                        */ var f = 400, n = "v16_70_pidemf4 v16_70_pidemf3 v16_70_1y2v1nfq0 v16_70_1y2v1nftt v16_70_1y2v1nfu8 v16_70_1y2v1nfun", e = "v16_70_pidemf6 v16_70_pidemf5 v16_70_1y2v1nf7y", y = "v16_70_pidemf7", i = "v16_70_pidemf9 v16_70_pidemf8 v16_70_1y2v1nfgl v16_70_1y2v1nfq4 v16_70_1y2v1nfqa", r = "v16_70_pidemfa v16_70_1y2v1nftd v16_70_1y2v1nfqq v16_70_1y2v1nfq4 v16_70_1y2v1nfqa", t = "v16_70_pidemfc v16_70_pidemfb v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nfpz v16_70_1y2v1nfte v16_70_1y2v1nfrl v16_70_1y2v1nfqr v16_70_1y2v1nfq4 v16_70_1y2v1nfqd", d = "v16_70_pidemfe v16_70_pidemfd v16_70_1y2v1nfq3", p = "v16_70_pidemff v16_70_1y2v1nfbk v16_70_1y2v1nfr0 v16_70_1y2v1nfrb v16_70_1y2v1nfsp", a = "v16_70_pidemfi v16_70_pidemfh v16_70_1y2v1nfq0 v16_70_1y2v1nf8e v16_70_1y2v1nfte v16_70_1y2v1nftt v16_70_1y2v1nfu8 v16_70_1y2v1nfun", m = "v16_70_pidemfj", o = "v16_70_pidemfl v16_70_pidemfk v16_70_1y2v1nfpz", q = "v16_70_pidemfn v16_70_pidemfm v16_70_1y2v1nfq2 v16_70_1y2v1nfte v16_70_1y2v1nf7y", l = "v16_70_pidemfp v16_70_pidemfo v16_70_1y2v1nfq2 v16_70_1y2v1nfun v16_70_1y2v1nf7y", s = "v16_70_pidemfq";
+/* empty css                                     */ /* empty css                                        */ var f = 400, n = "v16_72_pidemf4 v16_72_pidemf3 v16_72_1y2v1nfq0 v16_72_1y2v1nfts v16_72_1y2v1nfu7 v16_72_1y2v1nfum", e = "v16_72_pidemf6 v16_72_pidemf5 v16_72_1y2v1nf7y", y = "v16_72_pidemf7", i = "v16_72_pidemf9 v16_72_pidemf8 v16_72_1y2v1nfgl v16_72_1y2v1nfq4 v16_72_1y2v1nfqa", d = "v16_72_pidemfa v16_72_1y2v1nftc v16_72_1y2v1nfqq v16_72_1y2v1nfq4 v16_72_1y2v1nfqa", r = "v16_72_pidemfc v16_72_pidemfb v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfpz v16_72_1y2v1nftd v16_72_1y2v1nfrl v16_72_1y2v1nfqr v16_72_1y2v1nfq4 v16_72_1y2v1nfqd", p = "v16_72_pidemfe v16_72_pidemfd v16_72_1y2v1nfq3", m = "v16_72_pidemff v16_72_1y2v1nfbk v16_72_1y2v1nfr0 v16_72_1y2v1nfrb v16_72_1y2v1nfsp", t = "v16_72_pidemfi v16_72_pidemfh v16_72_1y2v1nfq0 v16_72_1y2v1nf8e v16_72_1y2v1nftd v16_72_1y2v1nfts v16_72_1y2v1nfu7 v16_72_1y2v1nfum", a = "v16_72_pidemfj", o = "v16_72_pidemfl v16_72_pidemfk v16_72_1y2v1nfpz", q = "v16_72_pidemfn v16_72_pidemfm v16_72_1y2v1nfq2 v16_72_1y2v1nftd v16_72_1y2v1nf7y", s = "v16_72_pidemfp v16_72_pidemfo v16_72_1y2v1nfq2 v16_72_1y2v1nfum v16_72_1y2v1nf7y", l = "v16_72_pidemfq";

package/dist/sheet-common.js

@@ -263,7 +263,9 @@ const de = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
                     }),
                     onTransitionEnd: m,
                     onAnimationEnd: m
-                }, x, (0, _dom.getPrefixedDataAttributes)(s, "Sheet")), {
+                }, x, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+                    testid: "Sheet"
+                }, s))), {
                     ref: d,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _sheetcommoncssmistica.Sheet,

package/dist/sheet-info.css-mistica.js

@@ -19,4 +19,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                      */ var n = "v16_70_12pggsm0 v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfrg", f = "v16_70_12pggsm1 v16_70_1y2v1nfr8 v16_70_1y2v1nfq4", r = "v16_70_12pggsm2 v16_70_1y2v1nfgc v16_70_1y2v1nfhl v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfsh";
+/* empty css                                     */ /* empty css                                      */ var n = "v16_72_12pggsm0 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfrg", f = "v16_72_12pggsm1 v16_72_1y2v1nfr8 v16_72_1y2v1nfq4", r = "v16_72_12pggsm2 v16_72_1y2v1nfgc v16_72_1y2v1nfhl v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfsh";

package/dist/sheet-info.d.ts

@@ -1,6 +1,6 @@
 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 InfoSheetProps = {
     title?: string;
     subtitle?: string;
@@ -10,10 +10,6 @@ type InfoSheetProps = {
         title: string;
         description?: string;
         icon: ExclusifyUnion<{
-            type: 'regular' | 'small';
-            /** @deprecated use url instead */
-            Icon: React.ComponentType<IconProps>;
-        } | {
             type: 'regular' | 'small';
             url: string;
             urlDark?: string;

package/dist/sheet-info.js

@@ -104,15 +104,15 @@ const Q = /*#__PURE__*/ _react.forwardRef((param, f)=>{
         onClose: d,
         ref: f,
         dataAttributes: _object_spread({
-            "component-name": "InfoSheet"
+            testid: "InfoSheet"
         }, p),
         children: (param)=>{
-            let { closeModal: u, modalTitleId: I } = param;
+            let { closeModal: u, modalTitleId: g } = param;
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheetcommon.SheetBody, {
                 title: a,
                 subtitle: s,
                 description: m,
-                modalTitleId: I,
+                modalTitleId: g,
                 button: i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
                     onPress: u,
                     children: i.text
@@ -138,8 +138,6 @@ const Q = /*#__PURE__*/ _react.forwardRef((param, f)=>{
                                                     children: r.icon.type === "bullet" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_circle.default, {
                                                         size: 8,
                                                         backgroundColor: _skincontractcssmistica.vars.colors.textPrimary
-                                                    }) : r.icon.Icon ? /* @__PURE__ */ (0, _jsxruntime.jsx)(r.icon.Icon, {
-                                                        size: r.icon.type === "small" ? 16 : 24
                                                     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
                                                         src: h && r.icon.urlDark ? r.icon.urlDark : r.icon.url,
                                                         width: r.icon.type === "small" ? 16 : 24,

package/dist/sheet-radio-list.js

@@ -94,13 +94,13 @@ function _object_spread(target) {
     return target;
 }
 const F = /*#__PURE__*/ _react.forwardRef((param, g)=>{
-    let { title: m, subtitle: c, description: f, items: p, selectedId: h, onClose: u, onSelect: o, button: l, dataAttributes: R } = param;
-    const [i, S] = _react.useState(h), s = _react.useRef(!1), { isDesktopOrBigger: n } = (0, _hooks.useScreenSize)(), { texts: x, t: B } = (0, _hooks.useTheme)();
+    let { title: m, subtitle: c, description: f, items: h, selectedId: p, onClose: u, onSelect: o, button: l, dataAttributes: R } = param;
+    const [i, S] = _react.useState(p), s = _react.useRef(!1), { isDesktopOrBigger: n } = (0, _hooks.useScreenSize)(), { texts: x, t: B } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheetcommon.default, {
         onClose: u,
         ref: g,
         dataAttributes: _object_spread({
-            "component-name": "RadioListSheet"
+            testid: "RadioListSheet"
         }, R),
         children: (param)=>{
             let { closeModal: a, modalTitleId: d } = param;
@@ -126,7 +126,7 @@ const F = /*#__PURE__*/ _react.forwardRef((param, g)=>{
                             }, 200));
                         },
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.RowList, {
-                            children: p.map((e)=>{
+                            children: h.map((e)=>{
                                 var _e_title;
                                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.Row, {
                                     headline: e.tag ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {

package/dist/skeletons.css-mistica.js

@@ -26,9 +26,9 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                     */ var o = {
-    default: "v16_70_zopolw5 v16_70_zopolw0 v16_70_1y2v1nf8f",
-    alternative: "v16_70_zopolw6 v16_70_zopolw1 v16_70_1y2v1nf8f",
-    brand: "v16_70_zopolw7 v16_70_zopolw2 v16_70_1y2v1nf8i",
-    negative: "v16_70_zopolw8 v16_70_zopolw3 v16_70_1y2v1nf8h",
-    media: "v16_70_zopolw9 v16_70_zopolw4 v16_70_1y2v1nf8h"
-}, l = "v16_70_zopolwc v16_70_zopolwb v16_70_1y2v1nfq6", n = "v16_70_zopolwd v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd", p = "v16_70_zopolwe v16_70_1y2v1nfqm v16_70_1y2v1nfqo", w = "v16_70_zopolwg v16_70_zopolwf v16_70_1y2v1nfqn";
+    default: "v16_72_zopolw5 v16_72_zopolw0 v16_72_1y2v1nf8f",
+    alternative: "v16_72_zopolw6 v16_72_zopolw1 v16_72_1y2v1nf8f",
+    brand: "v16_72_zopolw7 v16_72_zopolw2 v16_72_1y2v1nf8i",
+    negative: "v16_72_zopolw8 v16_72_zopolw3 v16_72_1y2v1nf8h",
+    media: "v16_72_zopolw9 v16_72_zopolw4 v16_72_1y2v1nf8h"
+}, l = "v16_72_zopolwc v16_72_zopolwb v16_72_1y2v1nfq6", n = "v16_72_zopolwd v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd", p = "v16_72_zopolwe v16_72_1y2v1nfqm v16_72_1y2v1nfqo", w = "v16_72_zopolwg v16_72_zopolwf v16_72_1y2v1nfqn";