@telefonica/mistica 16.22.0 → 16.24.0

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

@@ -1,3 +1,4 @@
+"use client";
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -26,46 +27,92 @@ function _object_spread(target) {
     }
     return target;
 }
-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", {
+import { jsx as t } from "react/jsx-runtime";
+import l from "classnames";
+import { vars as g } from "../skins/skin-contract.css-mistica.js";
+import { applyCssVars as c } from "../utils/css.js";
+import { chevronRotateTransition as h, vars as m, chevronColorTransition as C } from "./icon-chevron.css-mistica.js";
+import { useTheme as f } from "../hooks.js";
+import { BLAU_SKIN as d, O2_NEW_SKIN as u } from "../skins/constants.js";
+const L = (param)=>{
+    let { size: o, color: r, transform: s, transitionDuration: e, className: n, style: a } = param;
+    return /* @__PURE__ */ t("svg", {
         role: "presentation",
         width: o,
         height: o,
         viewBox: "0 0 24 24",
-        className: c(s, p),
+        className: l(n, h),
         style: _object_spread({
-            transform: t
-        }, a, h({
-            [v.transitionDuration]: `${n}ms`
+            transform: s
+        }, a, c({
+            [m.transitionDuration]: `${e}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"
+        children: /* @__PURE__ */ t("path", {
+            d: "M12.0001 16.6333C11.7199 16.6333 11.4596 16.5232 11.2695 16.3131L4.2733 8.87648C3.89296 8.47613 3.91298 7.83556 4.31333 7.45523C4.71368 7.07489 5.35425 7.09491 5.73459 7.49526L12.0001 14.1511L18.2657 7.49526C18.646 7.0849 19.2866 7.07489 19.6869 7.45523C20.0873 7.83556 20.1073 8.47613 19.7269 8.87648L12.7308 16.3131C12.5406 16.5132 12.2704 16.6333 12.0001 16.6333Z",
+            className: C,
+            fill: r
         })
     });
-}, d = {
-    up: -90,
-    down: 90,
-    left: 180,
-    right: 0
-}, 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 = {
+}, N = (param)=>{
+    let { size: o, color: r, transform: s, transitionDuration: e, className: n, style: a } = param;
+    return /* @__PURE__ */ t("svg", {
+        role: "presentation",
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        className: l(n, h),
+        style: _object_spread({
+            transform: s
+        }, a, c({
+            [m.transitionDuration]: `${e}ms`
+        })),
+        children: /* @__PURE__ */ t("path", {
+            d: "M12.0018 16.571C11.7518 16.571 11.5118 16.481 11.3118 16.301L4.32183 9.74098C3.91183 9.36098 3.89183 8.72098 4.27183 8.32098C4.65183 7.92098 5.29183 7.89098 5.69183 8.27098L12.0018 14.181L18.3118 8.27098C18.7118 7.89098 19.3518 7.91098 19.7318 8.32098C20.1118 8.73098 20.0918 9.36098 19.6818 9.74098L12.6918 16.301C12.5018 16.481 12.2518 16.571 12.0018 16.571Z",
+            className: C,
+            fill: r
+        })
+    });
+}, w = (param)=>{
+    let { size: o, color: r, transform: s, transitionDuration: e, className: n, style: a } = param;
+    return /* @__PURE__ */ t("svg", {
+        role: "presentation",
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        className: l(n, h),
+        style: _object_spread({
+            transform: s
+        }, a, c({
+            [m.transitionDuration]: `${e}ms`
+        })),
+        children: /* @__PURE__ */ t("path", {
+            d: "M12.0021 16.942L4.32208 9.74195C3.91208 9.36195 3.89208 8.72195 4.27208 8.32195C4.65208 7.92195 5.29208 7.89195 5.69208 8.27195L12.0021 14.182L18.3121 8.27195C18.7121 7.89195 19.3521 7.91195 19.7321 8.32195C20.1121 8.73195 20.0921 9.36195 19.6821 9.74195L12.0021 16.942Z",
+            className: C,
+            fill: r
+        })
+    });
+}, I = {
+    up: -180,
+    down: 0,
+    left: 90,
+    right: -90
+}, B = (param)=>{
+    let { size: o = 24, color: r, className: s, style: e, transitionDuration: n = 300, direction: a = "right" } = param;
+    const { skinName: p } = f(), v = r || g.colors.neutralHigh, i = {
         size: o,
-        color: i,
-        transform: `rotate(${d[a]}deg)`,
-        className: t,
-        transitionDuration: s,
-        style: n
+        color: v,
+        transform: `rotate(${I[a]}deg)`,
+        className: s,
+        transitionDuration: n,
+        style: e
     };
-    return /* @__PURE__ */ e(g, _object_spread({}, l));
-}, I = u;
-export { I as default };
+    switch(p){
+        case u:
+            return /* @__PURE__ */ t(N, _object_spread({}, i));
+        case d:
+            return /* @__PURE__ */ t(w, _object_spread({}, i));
+        default:
+            return /* @__PURE__ */ t(L, _object_spread({}, i));
+    }
+}, T = B;
+export { T as default };

package/dist-es/icons/icon-error.css-mistica.js

@@ -1,3 +1,3 @@
 import "./icon-error.css.ts.vanilla.css-mistica.js";
-var a = "v16_22_1ao3f5e2", i = "v16_22_1ao3f5e1";
+var a = "v16_24_1ao3f5e2", i = "v16_24_1ao3f5e1";
 export { a as innerAnimation, i as outerAnimation };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./image.css.ts.vanilla.css-mistica.js";
-var r = 300, a = "v16_22_17tt25r5", t = "v16_22_17tt25r6", i = "v16_22_17tt25r3 v16_22_1y2v1nflr v16_22_1y2v1nfm6 v16_22_1y2v1nfim v16_22_1y2v1nfj7 v16_22_1y2v1nfjo v16_22_1y2v1nfnf v16_22_1y2v1nfkz v16_22_1y2v1nfl0 v16_22_1y2v1nflb", d = "v16_22_17tt25r1", f = "v16_22_17tt25r4", n = {
-    mediaBorderRadius: "var(--v16_22_17tt25r0)"
+var r = 300, a = "v16_24_17tt25r5", t = "v16_24_17tt25r6", i = "v16_24_17tt25r3 v16_24_1y2v1nflu v16_24_1y2v1nfm9 v16_24_1y2v1nfio v16_24_1y2v1nfj9 v16_24_1y2v1nfjq v16_24_1y2v1nfni v16_24_1y2v1nfl1 v16_24_1y2v1nfl2 v16_24_1y2v1nfle", d = "v16_24_17tt25r1", e = "v16_24_17tt25r4", n = {
+    mediaBorderRadius: "var(--v16_24_17tt25r0)"
 };
-export { r as FADE_IN_DURATION_MS, a as circularBorderRadius, t as defaultBorderRadius, i as image, d as imageWithBorder, f as noBorderRadius, n as vars };
+export { r as FADE_IN_DURATION_MS, a as circularBorderRadius, t as defaultBorderRadius, i as image, d as imageWithBorder, e as noBorderRadius, n as vars };