@telefonica/mistica 15.7.0 → 15.9.0

package/dist-es/icons/icon-chevron.js

@@ -26,44 +26,46 @@ function _object_spread(target) {
     }
     return target;
 }
-import { jsx as s } from "react/jsx-runtime";
-import { vars as c } from "../skins/skin-contract.css-mistica.js";
-const h = (param)=>{
-    let { size: o, color: r, transform: n, transitionDuration: t, className: e, style: l } = param;
-    return /* @__PURE__ */ s("svg", {
+import { jsx as e } from "react/jsx-runtime";
+import c from "classnames";
+import { vars as m } from "../skins/skin-contract.css-mistica.js";
+import { applyCssVars as h } from "../utils/css.js";
+import { chevronRotateTransition as p, vars as v, chevronColorTransition as f } from "./icon-chevron.css-mistica.js";
+const g = (param)=>{
+    let { size: o, color: r, transform: t, transitionDuration: n, className: s, style: a } = param;
+    return /* @__PURE__ */ e("svg", {
         role: "presentation",
         width: o,
         height: o,
         viewBox: "0 0 24 24",
-        className: e,
+        className: c(s, p),
         style: _object_spread({
-            transform: n,
-            transition: `transform ${t}ms`
-        }, l),
-        children: /* @__PURE__ */ s("path", {
-            style: {
-                transition: `fill ${t}ms`
-            },
+            transform: t
+        }, a, h({
+            [v.transitionDuration]: `${n}ms`
+        })),
+        children: /* @__PURE__ */ e("path", {
+            className: f,
             fill: r,
             fillRule: "evenodd",
             d: "M14.338 11.478a.75.75 0 0 1 0 1.044l-3.837 3.997a.75.75 0 1 1-1.082-1.038L12.76 12 9.42 8.52a.75.75 0 0 1 1.082-1.04l3.837 3.998z"
         })
     });
-}, f = {
+}, d = {
     up: -90,
     down: 90,
     left: 180,
     right: 0
-}, g = (param)=>{
-    let { size: o = 24, color: r, className: n, style: t, transitionDuration: e = 300, direction: l = "right" } = param;
-    const i = r || c.colors.neutralHigh, a = {
+}, u = (param)=>{
+    let { size: o = 24, color: r, className: t, style: n, transitionDuration: s = 300, direction: a = "right" } = param;
+    const i = r || m.colors.neutralHigh, l = {
         size: o,
         color: i,
-        transform: `rotate(${f[l]}deg)`,
-        className: n,
-        transitionDuration: e,
-        style: t
+        transform: `rotate(${d[a]}deg)`,
+        className: t,
+        transitionDuration: s,
+        style: n
     };
-    return /* @__PURE__ */ s(h, _object_spread({}, a));
-}, p = g;
-export { p as default };
+    return /* @__PURE__ */ e(g, _object_spread({}, l));
+}, I = u;
+export { I as default };

package/dist-es/image.js

@@ -78,10 +78,10 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as k, Fragment as S } from "react/jsx-runtime";
+import { jsx as t, jsxs as k, Fragment as A } from "react/jsx-runtime";
 import * as r from "react";
-import L from "classnames";
-import { SkeletonAnimation as N } from "./skeletons.js";
+import F from "classnames";
+import { SkeletonAnimation as L } from "./skeletons.js";
 import { AspectRatioContainer as W } from "./utils/aspect-ratio-support.js";
 import { getPrefixedDataAttributes as M } from "./utils/dom.js";
 import { useIsInverseVariant as V } from "./theme-variant-context.js";
@@ -145,13 +145,13 @@ const Y = (param)=>{
             })
         }) : void 0
     });
-}), x = {
+}), S = {
     "1:1": 1,
     "16:9": 16 / 9,
     "7:10": 7 / 10,
     "4:3": 4 / 3
-}, A = "1:1", e1 = /*#__PURE__*/ r.forwardRef((_param, H)=>{
-    var { aspectRatio: e = A, alt: n = "", dataAttributes: d, noBorderRadius: h, src: o, srcSet: c, onError: s, onLoad: l, loadingFallback: B = !0, errorFallback: E = !0 } = _param, i = _object_without_properties(_param, [
+}, x = "1:1", e1 = /*#__PURE__*/ r.forwardRef((_param, N)=>{
+    var { aspectRatio: e = x, alt: n = "", dataAttributes: d, noBorderRadius: h, src: o, srcSet: c, onError: s, onLoad: l, loadingFallback: B = !0, errorFallback: E = !0 } = _param, i = _object_without_properties(_param, [
         "aspectRatio",
         "alt",
         "dataAttributes",
@@ -164,7 +164,7 @@ const Y = (param)=>{
         "errorFallback"
     ]);
     var y;
-    const u = O(), m = r.useRef(), f = i.circular ? P : h ? U : K, [v, g] = r.useState(!o), [T, C] = r.useState(!1), b = i.width && i.height ? void 0 : i.circular ? 1 : typeof e == "number" ? e : x[e], w = B && !!(b !== 0 || i.width && i.height), _ = E && !!(b !== 0 || i.width && i.height), I = r.useCallback(()=>{
+    const u = O(), m = r.useRef(), f = i.circular ? P : h ? U : K, [v, g] = r.useState(!o), [H, C] = r.useState(!1), b = i.width && i.height ? void 0 : i.circular ? 1 : typeof e == "number" ? e : S[e], w = B && !!(b !== 0 || i.width && i.height), T = E && !!(b !== 0 || i.width && i.height), I = r.useCallback(()=>{
         g(!1), m.current && (m.current.style.opacity = "1"), setTimeout(()=>{
             C(!0);
         }, Z), l == null || l();
@@ -181,18 +181,18 @@ const Y = (param)=>{
     }, [
         I
     ]);
-    const z = X() || !((y = document.getElementById(u)) != null && y.complete), F = /* @__PURE__ */ k(S, {
+    const _ = X() || !((y = document.getElementById(u)) != null && y.complete), z = /* @__PURE__ */ k(A, {
         children: [
             /* @__PURE__ */ t("img", {
                 suppressHydrationWarning: !0,
                 id: u,
                 style: {
-                    opacity: z && w ? 0 : 1
+                    opacity: _ && w ? 0 : 1
                 },
-                ref: J(m, H),
+                ref: J(m, N),
                 src: o,
                 srcSet: c,
-                className: L(f, q, {
+                className: F(f, q, {
                     [G]: i.border
                 }, $({
                     position: b !== 0 ? "absolute" : "static"
@@ -212,9 +212,9 @@ const Y = (param)=>{
         ]
     });
     var _i_height, _i_width;
-    return /* @__PURE__ */ k(S, {
+    return /* @__PURE__ */ k(A, {
         children: [
-            w && !T && /* @__PURE__ */ t("div", {
+            w && !H && /* @__PURE__ */ t("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
@@ -222,7 +222,7 @@ const Y = (param)=>{
                     overflow: "hidden"
                 },
                 className: f,
-                children: /* @__PURE__ */ t(N, {
+                children: /* @__PURE__ */ t(L, {
                     height: (_i_height = i.height) !== null && _i_height !== void 0 ? _i_height : "100%",
                     width: (_i_width = i.width) !== null && _i_width !== void 0 ? _i_width : "100%",
                     children: /* @__PURE__ */ t(Q, {
@@ -232,7 +232,7 @@ const Y = (param)=>{
                     })
                 })
             }),
-            v && _ && /* @__PURE__ */ t("div", {
+            v && T && /* @__PURE__ */ t("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
@@ -244,12 +244,12 @@ const Y = (param)=>{
                     className: f
                 })
             }),
-            !v && F
+            !v && z
         ]
     });
 }), t1 = /*#__PURE__*/ r.forwardRef((e, n)=>{
     var _e_aspectRatio;
-    const d = e.width && e.height ? void 0 : e.circular ? 1 : typeof e.aspectRatio == "number" ? e.aspectRatio : x[(_e_aspectRatio = e.aspectRatio) !== null && _e_aspectRatio !== void 0 ? _e_aspectRatio : A];
+    const d = e.width && e.height ? void 0 : e.circular ? 1 : typeof e.aspectRatio == "number" ? e.aspectRatio : S[(_e_aspectRatio = e.aspectRatio) !== null && _e_aspectRatio !== void 0 ? _e_aspectRatio : x];
     return /* @__PURE__ */ t(W, {
         style: {
             position: "relative"
@@ -258,9 +258,10 @@ const Y = (param)=>{
         width: e.width,
         height: e.height,
         dataAttributes: M(e.dataAttributes, "Image"),
+        forceNonCssAspectRatio: e.forceNonCssAspectRatio,
         children: /* @__PURE__ */ t(e1, _object_spread_props(_object_spread({}, e), {
             ref: n
         }))
     });
 }), C1 = t1;
-export { e1 as ImageContent, p as ImageError, x as RATIO, C1 as default };
+export { e1 as ImageContent, p as ImageError, S as RATIO, C1 as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./list.css.ts.vanilla.css-mistica.js";
-var _ = "_1y2v1nfhk _1y2v1nfi2 _1y2v1nfi4", f = "_1y2v1nfht _1y2v1nfja _1y2v1nfio _1y2v1nfi2", y = "_1y2v1nfhk _1y2v1nfhz", a = "_1y2v1nfhk _1y2v1nfi7 _1y2v1nfjx", r = "_2buj9gf", i = "_2buj9ge", t = "_2buj9g0", o = "_1y2v1nfhk _1y2v1nfhp _1y2v1nfio", e = "_2buj9gm _1y2v1nfhk", h = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhm _1y2v1nfi5", d = "_2buj9go _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhz _1y2v1nfi4 _1y2v1nfi8 _1y2v1nfio", b = "_1y2v1nfkk", u = "_2buj9gc", g = "_2buj9gd", c = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfi6", k = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfi7 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhm _1y2v1nfio", j = "_2buj9g1", l = "_2buj9g2";
-export { _ as asset, f as badge, y as center, a as content, r as detail, i as detailRight, t as disabled, o as dualActionContainer, e as dualActionDivider, h as dualActionLeft, d as dualActionRight, b as pointer, u as right, g as rightRestrictedWidth, c as rowBody, k as rowContent, j as touchableBackground, l as touchableBackgroundInverse };
+var _ = "_1y2v1nfhk _1y2v1nfi2 _1y2v1nfi4", f = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfja _1y2v1nfio _1y2v1nfi2", y = "_1y2v1nfhk _1y2v1nfhz", a = "_1y2v1nfhk _1y2v1nfi7 _1y2v1nfjx", r = "_2buj9ge _1y2v1nfhk _1y2v1nfhz", i = "_2buj9gd", t = "_2buj9g0", h = "_1y2v1nfhk _1y2v1nfhp _1y2v1nfio", o = "_2buj9gk _1y2v1nfhk", e = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhm _1y2v1nfi5", b = "_2buj9gm _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhz _1y2v1nfi4 _1y2v1nfi8 _1y2v1nfio", d = "_1y2v1nfkk", k = "_2buj9gb", u = "_2buj9gc", g = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfi6", c = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfi7 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhm _1y2v1nfio", j = "_2buj9g1", l = "_2buj9g2";
+export { _ as asset, f as badge, y as center, a as content, r as detail, i as detailRight, t as disabled, h as dualActionContainer, o as dualActionDivider, e as dualActionLeft, b as dualActionRight, d as pointer, k as rightContent, u as rightRestrictedWidth, g as rowBody, c as rowContent, j as touchableBackground, l as touchableBackgroundInverse };