@telefonica/mistica 16.24.0 → 16.26.0

package/dist/image.js

@@ -11,16 +11,16 @@ function _export(target, all) {
 }
 _export(exports, {
     ImageContent: function() {
-        return X;
+        return Y;
     },
     ImageError: function() {
-        return Q;
+        return X;
     },
     RATIO: function() {
         return H;
     },
     default: function() {
-        return h1;
+        return u1;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -162,7 +162,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const J = (param)=>{
+const Q = (param)=>{
     let { style: e } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         width: "48",
@@ -176,9 +176,9 @@ const J = (param)=>{
             strokeWidth: "2"
         })
     });
-}, Q = /*#__PURE__*/ _react.forwardRef((param, n)=>{
-    let { borderRadius: e, withIcon: C = !0, border: d, className: m } = param;
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), { skinName: s } = (0, _hooks.useTheme)();
+}, X = /*#__PURE__*/ _react.forwardRef((param, s)=>{
+    let { borderRadius: e, withIcon: n = !0, border: d, className: l } = param;
+    const a = (0, _themevariantcontext.useIsInverseVariant)(), { skinName: C } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             height: "100%",
@@ -191,15 +191,15 @@ const J = (param)=>{
             border: d ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none",
             borderRadius: e
         },
-        ref: n,
-        className: m,
-        children: C ? s === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(J, {
+        ref: s,
+        className: l,
+        children: n ? C === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(Q, {
             style: {
                 width: "10%",
                 minWidth: 24,
                 maxWidth: 48
             }
-        }) : s === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
+        }) : C === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
             viewBox: "0 0 24 24",
             role: "presentation",
             style: {
@@ -240,8 +240,8 @@ const J = (param)=>{
     "16:9": 16 / 9,
     "7:10": 7 / 10,
     "4:3": 4 / 3
-}, X = /*#__PURE__*/ _react.forwardRef((_param, S)=>{
-    var { aspectRatio: e = 0, alt: C = "", dataAttributes: d, noBorderRadius: m, src: n, srcSet: a, onError: s, onLoad: l, loadingFallback: M = !0, errorFallback: x = !0 } = _param, i = _object_without_properties(_param, [
+}, Y = /*#__PURE__*/ _react.forwardRef((_param, S)=>{
+    var { aspectRatio: e = 0, alt: n = "", dataAttributes: d, noBorderRadius: l, src: s, srcSet: a, onError: C, onLoad: c, loadingFallback: M = !0, errorFallback: x = !0 } = _param, i = _object_without_properties(_param, [
         "aspectRatio",
         "alt",
         "dataAttributes",
@@ -254,48 +254,48 @@ const J = (param)=>{
         "errorFallback"
     ]);
     var I;
-    const h = _react.useId(), c = _react.useRef(), u = i.circular ? _imagecssmistica.circularBorderRadius : m ? _imagecssmistica.noBorderRadius : _imagecssmistica.defaultBorderRadius, [y, f] = _react.useState(!n), [B, g] = _react.useState(!1), L = i.width && i.height ? void 0 : i.circular ? 1 : typeof e == "number" ? e : H[e], b = M && !!(L !== 0 || i.width && i.height), A = x && !!(L !== 0 || i.width && i.height), v = _react.useCallback(()=>{
-        f(!1), c.current && (c.current.style.opacity = "1"), setTimeout(()=>{
+    const m = _react.useId(), h = _react.useRef(), u = i.circular ? _imagecssmistica.circularBorderRadius : l ? _imagecssmistica.withoutBorderRadius : l === !1 ? _imagecssmistica.withBorderRadius : _imagecssmistica.defaultBorderRadius, [y, f] = _react.useState(!s), [A, g] = _react.useState(!1), L = i.width && i.height ? void 0 : i.circular ? 1 : typeof e == "number" ? e : H[e], b = M && !!(L !== 0 || i.width && i.height), B = x && !!(L !== 0 || i.width && i.height), w = _react.useCallback(()=>{
+        f(!1), h.current && (h.current.style.opacity = "1"), setTimeout(()=>{
             g(!0);
-        }, _imagecssmistica.FADE_IN_DURATION_MS), l == null || l();
+        }, _imagecssmistica.FADE_IN_DURATION_MS), c == null || c();
     }, [
-        l
+        c
     ]);
     _react.useEffect(()=>{
-        f(!n), g(!1);
+        f(!s), g(!1);
     }, [
-        n
+        s
     ]), _react.useEffect(()=>{
         var R;
-        (R = c.current) != null && R.complete && v();
+        (R = h.current) != null && R.complete && w();
     }, [
-        v
+        w
     ]);
-    const N = (0, _environment.isServerSide)() || !((I = document.getElementById(h)) != null && I.complete), W = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    const N = (0, _environment.isServerSide)() || !((I = document.getElementById(m)) != null && I.complete), W = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
                 suppressHydrationWarning: !0,
-                id: h,
+                id: m,
                 style: {
                     opacity: N && b ? 0 : 1,
                     position: L !== 0 ? "absolute" : "static"
                 },
-                ref: (0, _common.combineRefs)(c, S),
-                src: n,
+                ref: (0, _common.combineRefs)(h, S),
+                src: s,
                 srcSet: a,
                 className: (0, _classnames.default)(u, _imagecssmistica.image, {
                     [_imagecssmistica.imageWithBorder]: i.border
                 }),
-                alt: C,
+                alt: n,
                 onError: ()=>{
-                    f(!0), g(!0), s == null || s();
+                    f(!0), g(!0), C == null || C();
                 },
-                onLoad: v,
+                onLoad: w,
                 decoding: "async"
             }),
             b && /* @__PURE__ */ (0, _jsxruntime.jsx)("script", {
                 dangerouslySetInnerHTML: {
-                    __html: `document.getElementById("${h}").addEventListener('load', (e) => e.target.style.opacity = "1")`
+                    __html: `document.getElementById("${m}").addEventListener('load', (e) => e.target.style.opacity = "1")`
                 }
             })
         ]
@@ -303,7 +303,7 @@ const J = (param)=>{
     var _i_height, _i_width;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            b && !B && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            b && !A && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
@@ -321,13 +321,13 @@ const J = (param)=>{
                     })
                 })
             }),
-            y && A && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            y && B && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
                     height: "100%"
                 },
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Q, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(X, {
                     border: i.border,
                     className: u
                 })
@@ -335,7 +335,7 @@ const J = (param)=>{
             !y && W
         ]
     });
-}), Y = /*#__PURE__*/ _react.forwardRef((e, C)=>{
+}), e1 = /*#__PURE__*/ _react.forwardRef((e, n)=>{
     var _e_aspectRatio;
     const d = e.width && e.height ? void 0 : e.circular ? 1 : typeof e.aspectRatio == "number" || !e.aspectRatio ? (_e_aspectRatio = e.aspectRatio) !== null && _e_aspectRatio !== void 0 ? _e_aspectRatio : 0 : H[e.aspectRatio];
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioContainer, {
@@ -347,8 +347,8 @@ const J = (param)=>{
         height: e.height,
         dataAttributes: (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Image"),
         forceNonCssAspectRatio: e.forceNonCssAspectRatio,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(X, _object_spread_props(_object_spread({}, e), {
-            ref: C
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Y, _object_spread_props(_object_spread({}, e), {
+            ref: n
         }))
     });
-}), h1 = Y;
+}), u1 = e1;

package/dist/inline.css-mistica.js

@@ -35,13 +35,13 @@ _export(exports, {
     }
 });
 require("./inline.css.ts.vanilla.css-mistica.js");
-var a = "v16_24_kkfbnva", k = "v16_24_kkfbnv9", _ = "v16_24_kkfbnv8", r = "v16_24_kkfbnvc", e = "v16_24_kkfbnvd", n = "v16_24_kkfbnve", b = {
-    space: "var(--v16_24_kkfbnv0)",
-    spaceMobile: "var(--v16_24_kkfbnv1)",
-    spaceTablet: "var(--v16_24_kkfbnv2)",
-    spaceDesktop: "var(--v16_24_kkfbnv3)",
-    verticalSpace: "var(--v16_24_kkfbnv4)",
-    verticalSpaceMobile: "var(--v16_24_kkfbnv5)",
-    verticalSpaceTablet: "var(--v16_24_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v16_24_kkfbnv7)"
-}, f = "v16_24_kkfbnvb";
+var a = "v16_26_kkfbnva", k = "v16_26_kkfbnv9", _ = "v16_26_kkfbnv8", r = "v16_26_kkfbnvc", e = "v16_26_kkfbnvd", n = "v16_26_kkfbnve", b = {
+    space: "var(--v16_26_kkfbnv0)",
+    spaceMobile: "var(--v16_26_kkfbnv1)",
+    spaceTablet: "var(--v16_26_kkfbnv2)",
+    spaceDesktop: "var(--v16_26_kkfbnv3)",
+    verticalSpace: "var(--v16_26_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_26_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_26_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_26_kkfbnv7)"
+}, f = "v16_26_kkfbnvb";

package/dist/list.css-mistica.js

@@ -78,4 +78,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var n = "v16_24_1y2v1nfim v16_24_1y2v1nfj4 v16_24_1y2v1nfj6", f = "v16_24_1y2v1nfcl", y = "v16_24_1y2v1nfim v16_24_1y2v1nfj1 v16_24_1y2v1nfiv v16_24_1y2v1nfkc v16_24_1y2v1nfjq v16_24_1y2v1nfj4", a = "v16_24_2buj9g2", r = "v16_24_1y2v1nfim v16_24_1y2v1nfj1", i = "v16_24_1y2v1nf8u v16_24_1y2v1nfa3 v16_24_1y2v1nfim v16_24_1y2v1nfj9 v16_24_1y2v1nfkz", t = "v16_24_2buj9gj v16_24_1y2v1nfim v16_24_1y2v1nfj1", j = "v16_24_2buj9gi", o = "v16_24_2buj9g0", e = "v16_24_1y2v1nfim v16_24_1y2v1nfir v16_24_1y2v1nfjq", c = "v16_24_2buj9gp v16_24_1y2v1nfim", g = "v16_24_2buj9gn v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfbc v16_24_1y2v1nfcl v16_24_1y2v1nfio v16_24_1y2v1nfj7", u = "v16_24_2buj9gr v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfbc v16_24_1y2v1nfcl v16_24_1y2v1nfim v16_24_1y2v1nfj1 v16_24_1y2v1nfj6 v16_24_1y2v1nfja v16_24_1y2v1nfjq", b = "v16_24_1y2v1nfln", d = "v16_24_2buj9gg", l = "v16_24_2buj9gh", m = "v16_24_1y2v1nfj9", h = "v16_24_1y2v1nfim v16_24_1y2v1nfis v16_24_1y2v1nfj8", s = "v16_24_2buj9g7 v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfj9 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfio v16_24_1y2v1nfjq", p = "v16_24_1y2v1nfbc v16_24_1y2v1nfcl", x = "v16_24_2buj9g3", C = "v16_24_2buj9g4";
+var n = "v16_26_1y2v1nfim v16_26_1y2v1nfj4 v16_26_1y2v1nfj6", f = "v16_26_1y2v1nfcl", y = "v16_26_1y2v1nfim v16_26_1y2v1nfj1 v16_26_1y2v1nfiv v16_26_1y2v1nfkc v16_26_1y2v1nfjq v16_26_1y2v1nfj4", a = "v16_26_2buj9g2", r = "v16_26_1y2v1nfim v16_26_1y2v1nfj1", i = "v16_26_1y2v1nf8u v16_26_1y2v1nfa3 v16_26_1y2v1nfim v16_26_1y2v1nfj9 v16_26_1y2v1nfkz", t = "v16_26_2buj9gj v16_26_1y2v1nfim v16_26_1y2v1nfj1", j = "v16_26_2buj9gi", o = "v16_26_2buj9g0", e = "v16_26_1y2v1nfim v16_26_1y2v1nfir v16_26_1y2v1nfjq", c = "v16_26_2buj9gp v16_26_1y2v1nfim", g = "v16_26_2buj9gn v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfl4 v16_26_1y2v1nf8e v16_26_1y2v1nfbc v16_26_1y2v1nfcl v16_26_1y2v1nfio v16_26_1y2v1nfj7", u = "v16_26_2buj9gr v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfl4 v16_26_1y2v1nf8e v16_26_1y2v1nfbc v16_26_1y2v1nfcl v16_26_1y2v1nfim v16_26_1y2v1nfj1 v16_26_1y2v1nfj6 v16_26_1y2v1nfja v16_26_1y2v1nfjq", b = "v16_26_1y2v1nfln", d = "v16_26_2buj9gg", l = "v16_26_2buj9gh", m = "v16_26_1y2v1nfj9", h = "v16_26_1y2v1nfim v16_26_1y2v1nfis v16_26_1y2v1nfj8", s = "v16_26_2buj9g7 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfj9 v16_26_1y2v1nfl4 v16_26_1y2v1nf8e v16_26_1y2v1nfio v16_26_1y2v1nfjq", p = "v16_26_1y2v1nfbc v16_26_1y2v1nfcl", x = "v16_26_2buj9g3", C = "v16_26_2buj9g4";

package/dist/list.d.ts

@@ -87,16 +87,20 @@ interface OnPressRowContentProps extends CommonProps {
 }
 type RowContentProps = ExclusifyUnion<BasicRowContentProps | SwitchRowContentProps | RadioRowContentProps | IconButtonRowContentProps | CheckboxRowContentProps | HrefRowContentProps | ToRowContentProps | OnPressRowContentProps>;
 export declare const Row: React.ForwardRefExoticComponent<RowContentProps & React.RefAttributes<TouchableElement>>;
+type CommonAccessibilityProps = {
+    'aria-live'?: 'polite' | 'off' | 'assertive';
+    'aria-atomic'?: boolean;
+};
 type RowListProps = {
     children: React.ReactNode;
     ariaLabelledby?: string;
     role?: string;
     dataAttributes?: DataAttributes;
-};
-export declare const RowList: ({ children, ariaLabelledby, role, dataAttributes, }: RowListProps) => JSX.Element;
+} & CommonAccessibilityProps;
+export declare const RowList: ({ children, ariaLabelledby, role, "aria-live": ariaLive, "aria-atomic": ariaAtomic, dataAttributes, }: RowListProps) => JSX.Element;
 type CommonBoxedRowProps = {
-    danger: true;
     isInverse?: false;
+    danger: true;
 } | {
     isInverse?: boolean;
     danger?: false;
@@ -111,6 +115,6 @@ type BoxedRowListProps = {
     ariaLabelledby?: string;
     role?: string;
     dataAttributes?: DataAttributes;
-};
-export declare const BoxedRowList: ({ children, ariaLabelledby, role, dataAttributes, }: BoxedRowListProps) => JSX.Element;
+} & CommonAccessibilityProps;
+export declare const BoxedRowList: ({ children, ariaLabelledby, role, dataAttributes, "aria-live": ariaLive, "aria-atomic": ariaAtomic, }: BoxedRowListProps) => JSX.Element;
 export {};