@telefonica/mistica 14.6.0 → 14.7.0

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

@@ -1,10 +1,11 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./chip.css.ts.vanilla.js";
-var t = {
-    light: "cc7htn8 cc7htn7",
-    dark: "cc7htn9 cc7htn7"
-}, v = {
-    default: "cc7htn1 _1y2v1nf5j _1y2v1nf5r _1y2v1nf5x _1y2v1nf9f _1y2v1nf2q _1y2v1nf1o",
-    active: "cc7htn6 cc7htn2 cc7htn1 _1y2v1nf5j _1y2v1nf5r _1y2v1nf5x _1y2v1nf9f _1y2v1nfz _1y2v1nf51"
-}, f = "cc7htna", a = "cc7htnb";
-export { t as chipInteractiveVariants, v as chipVariants, f as icon, a as iconActive };
+var v = {
+    light: "cc7htna cc7htn9",
+    dark: "cc7htnb cc7htn9"
+}, t = {
+    default: "cc7htn1 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf9l _1y2v1nf2t _1y2v1nf1r",
+    overAlternative: "cc7htn1 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf9l _1y2v1nf2v _1y2v1nf1r",
+    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf9l _1y2v1nf11 _1y2v1nf57"
+}, f = "cc7htnc", y = "cc7htnd";
+export { v as chipInteractiveVariants, t as chipVariants, f as icon, y as iconActive };

package/dist-es/chip.js

@@ -50,74 +50,75 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import g from "classnames";
+import v from "classnames";
 import { useTheme as x } from "./hooks.js";
-import e from "./box.js";
+import r from "./box.js";
 import { Text2 as C } from "./text.js";
-import v from "./icon-button.js";
-import y from "./generated/mistica-icons/icon-close-regular.js";
+import y from "./icon-button.js";
+import A from "./generated/mistica-icons/icon-close-regular.js";
 import { pxToRem as R } from "./utils/css.js";
-import { iconActive as b, icon as j, chipVariants as m, chipInteractiveVariants as z } from "./chip.css-mistica.js";
-import { vars as B } from "./skins/skin-contract.css-mistica.js";
+import { iconActive as T, icon as b, chipVariants as i, chipInteractiveVariants as j } from "./chip.css-mistica.js";
+import { vars as z } from "./skins/skin-contract.css-mistica.js";
 import { getPrefixedDataAttributes as c } from "./utils/dom.js";
-import { jsxs as l, Fragment as I, jsx as r } from "./_virtual/jsx-runtime.js";
-const w = (param)=>{
-    let { Icon: t , children: d , id: p , dataAttributes: i , active: o , onClose: s  } = param;
-    const { texts: f , isDarkMode: u  } = x(), n = /* @__PURE__ */ l(I, {
+import { useThemeVariant as B } from "./theme-variant-context.js";
+import { jsxs as d, Fragment as I, jsx as e } from "./_virtual/jsx-runtime.js";
+const H = (param)=>{
+    let { Icon: t , children: p , id: f , dataAttributes: n , active: o , onClose: a  } = param;
+    const { texts: u , isDarkMode: h  } = x(), s = B() === "alternative", m = /* @__PURE__ */ d(I, {
         children: [
-            t && /* @__PURE__ */ r(e, {
+            t && /* @__PURE__ */ e(r, {
                 paddingRight: 4,
-                className: o ? b : j,
-                children: /* @__PURE__ */ r(t, {
+                className: o ? T : b,
+                children: /* @__PURE__ */ e(t, {
                     color: "currentColor",
                     size: R(16)
                 })
             }),
-            /* @__PURE__ */ r(C, {
-                id: p,
+            /* @__PURE__ */ e(C, {
+                id: f,
                 medium: !0,
                 truncate: 1,
                 color: "currentColor",
-                children: d
+                children: p
             })
         ]
-    }), a = t ? 8 : 12;
-    if (s) return /* @__PURE__ */ l(e, _objectSpreadProps(_objectSpread({
-        className: m.default,
-        paddingLeft: a
-    }, c(i, "Chip")), {
+    }), l = t ? 8 : 12;
+    if (a) return /* @__PURE__ */ d(r, _objectSpreadProps(_objectSpread({
+        className: s ? i.overAlternative : i.default,
+        paddingLeft: l
+    }, c(n, "Chip")), {
         children: [
-            n,
-            /* @__PURE__ */ r(e, {
+            m,
+            /* @__PURE__ */ e(r, {
                 paddingLeft: 4,
-                children: /* @__PURE__ */ r(v, {
+                children: /* @__PURE__ */ e(y, {
                     size: 24,
                     style: {
                         display: "flex",
                         justifyContent: "center",
                         alignItems: "center"
                     },
-                    "aria-label": f.closeButtonLabel,
-                    onPress: ()=>s(),
-                    children: /* @__PURE__ */ r(y, {
+                    "aria-label": u.closeButtonLabel,
+                    onPress: ()=>a(),
+                    children: /* @__PURE__ */ e(A, {
                         size: 16,
-                        color: B.colors.neutralMedium
+                        color: z.colors.neutralMedium
                     })
                 })
             })
         ]
     }));
     {
-        const h = o !== void 0;
-        return /* @__PURE__ */ r(e, _objectSpreadProps(_objectSpread({
-            className: g(m[o ? "active" : "default"], {
-                [z[u ? "dark" : "light"]]: h
+        const g = o !== void 0;
+        return /* @__PURE__ */ e(r, _objectSpreadProps(_objectSpread({
+            className: v(i[o ? "active" : s ? "overAlternative" : "default"], {
+                [j[h ? "dark" : "light"]]: g
             }),
-            paddingLeft: a,
+            paddingLeft: l,
             paddingRight: 12
-        }, c(i, "Chip")), {
-            children: n
+        }, c(n, "Chip")), {
+            children: m
         }));
     }
 };
-export { w as default };
+export { H as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./circle.css.ts.vanilla.js";
-var p = "_1wpwyyp1 _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h";
+var p = "_1wpwyyp1 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n";
 export { p as circle };

package/dist-es/credit-card-number-field.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./credit-card-number-field.css.ts.vanilla.js";
-var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nf5e", f = {
-    default: "yvyo3q4 _1y2v1nf5d yvyo3q5",
-    backface: "yvyo3q4 _1y2v1nf5d yvyo3q6"
+var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nf5k", f = {
+    default: "yvyo3q4 _1y2v1nf5j yvyo3q5",
+    backface: "yvyo3q4 _1y2v1nf5j yvyo3q6"
 };
 export { a as flip, o as flipBack, r as flipFront, f as variants };

package/dist-es/cvv-field.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./cvv-field.css.ts.vanilla.js";
-var v = "_10ijton2 _1y2v1nf1o", i = "_1y2v1nf5i _1y2v1nf5x";
-export { v as cvvText, i as tooltipContainer };
+var r = "_10ijton2 _1y2v1nf1r", v = "_1y2v1nf5o _1y2v1nf63";
+export { r as cvvText, v as tooltipContainer };

package/dist-es/date-time-picker.js

@@ -78,8 +78,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 import * as d from "react";
-import { TextFieldBaseAutosuggest as M } from "./text-field-base.js";
-import R from "./generated/mistica-icons/icon-calendar-regular.js";
+import { TextFieldBaseAutosuggest as R } from "./text-field-base.js";
+import M from "./generated/mistica-icons/icon-calendar-regular.js";
 import H from "react-datetime";
 import S from "./overlay.js";
 import { DEFAULT_WIDTH as I } from "./text-field-components.css-mistica.js";
@@ -88,27 +88,28 @@ import { cancelEvent as B, createChangeEvent as E } from "./utils/dom.js";
 import { useTheme as F, useElementDimensions as L } from "./hooks.js";
 import T from "./generated/mistica-icons/icon-close-regular.js";
 import { reactDatePicker as V } from "./date-time-picker.css-mistica.js";
-import { jsxs as Y, Fragment as j, jsx as r } from "./_virtual/jsx-runtime.js";
+import { vars as Y } from "./skins/skin-contract.css-mistica.js";
+import { jsxs as j, Fragment as z, jsx as r } from "./_virtual/jsx-runtime.js";
 const g = navigator.language.toLocaleLowerCase().split("-")[0];
 import(/* webpackChunkName: "moment-locale" */ `moment/locale/${g}`).finally(()=>{});
-const Q = (_param)=>{
+const Z = (_param)=>{
     var { withTime: s , mode: l , isValidDate: y , optional: u  } = _param, t = _objectWithoutProperties(_param, [
         "withTime",
         "mode",
         "isValidDate",
         "optional"
     ]);
-    const [m, x] = d.useState(!1), { texts: b  } = F(), n = d.useRef(null), { height: k , ref: v  } = L(), i = (e)=>{
+    const [m, x] = d.useState(!1), { texts: b  } = F(), n = d.useRef(null), { height: v , ref: k  } = L(), i = (e)=>{
         t.disabled || x(e);
     }, w = ()=>{
         var p;
         const { top: e = 0 , bottom: o = 0 , left: a = 0  } = ((p = n.current) == null ? void 0 : p.getBoundingClientRect()) || {}, P = 260 + o < window.innerHeight;
         return {
             width: I,
-            top: P ? o : e - k,
+            top: P ? o : e - v,
             left: a,
             position: "absolute",
-            borderRadius: 8,
+            borderRadius: Y.borderRadii.input,
             overflow: "hidden",
             boxShadow: "0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)"
         };
@@ -132,11 +133,11 @@ const Q = (_param)=>{
             "aria-label": "",
             size: 32,
             onPress: ()=>i(!m),
-            children: /* @__PURE__ */ r(R, {})
+            children: /* @__PURE__ */ r(M, {})
         });
-    return /* @__PURE__ */ Y(j, {
+    return /* @__PURE__ */ j(z, {
         children: [
-            /* @__PURE__ */ r(M, _objectSpreadProps(_objectSpread({}, t), {
+            /* @__PURE__ */ r(R, _objectSpreadProps(_objectSpread({}, t), {
                 style: {
                     cursor: "default"
                 },
@@ -161,7 +162,7 @@ const Q = (_param)=>{
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ r("div", {
-                    ref: v,
+                    ref: k,
                     style: w(),
                     className: V,
                     children: /* @__PURE__ */ r(H, {
@@ -179,4 +180,4 @@ const Q = (_param)=>{
         ]
     });
 };
-export { Q as default };
+export { Z as default };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./dialog.css.ts.vanilla.js";
-var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6b", l = "_3dl29lj _1y2v1nf64 _1y2v1nf8z", a = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf7g _1y2v1nf5e _1y2v1nf9q _1y2v1nfai", o = "_3dl29la _1y2v1nf2p _1y2v1nf9k", r = "_3dl29l5 _1y2v1nf5f _1y2v1nf5i _1y2v1nf5r _1y2v1nf5x _1y2v1nf5o _1y2v1nf9q _1y2v1nfai _1y2v1nfaw _1y2v1nfa4 _1y2v1nf2t", t = {
-    dialog: "_3dl29ld _1y2v1nf5i _1y2v1nf5o _1y2v1nf5u _1y2v1nf73 _1y2v1nf7h _1y2v1nf6d _1y2v1nf6p",
-    default: "_3dl29ld _1y2v1nf5i _1y2v1nf5o _1y2v1nf5u _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h"
-}, i = "_3dl29l3 _1y2v1nf5d";
-export { _ as closedModalContent, y as closedOpactityLayer, f as dialogActions, l as dialogContent, a as iconContainer, d as modalCloseButtonContainer, o as modalContent, r as modalOpacityLayer, t as variants, i as wrapper };
+var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6h", l = "_3dl29lj _1y2v1nf6a _1y2v1nf95", a = "_3dl29lm", o = "_3dl29l8 _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5k _1y2v1nfa6 _1y2v1nfay", d = "_3dl29la _1y2v1nf2s _1y2v1nf9v", r = "_3dl29l5 _1y2v1nf5l _1y2v1nf5o _1y2v1nf5x _1y2v1nf63 _1y2v1nf5u _1y2v1nfa6 _1y2v1nfay _1y2v1nfbc _1y2v1nfak _1y2v1nf2y", t = {
+    dialog: "_3dl29ld _1y2v1nf5o _1y2v1nf5u _1y2v1nf60 _1y2v1nf79 _1y2v1nf7n _1y2v1nf6j _1y2v1nf6v",
+    default: "_3dl29ld _1y2v1nf5o _1y2v1nf5u _1y2v1nf60 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf7n"
+}, e = "_3dl29l3 _1y2v1nf5j";
+export { _ as closedModalContent, y as closedOpactityLayer, f as dialogActions, l as dialogContent, a as iconContainer, o as modalCloseButtonContainer, d as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };

package/dist-es/double-field.css-mistica.js

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./text-field-components.css.ts.vanilla.js";
 import "./double-field.css.ts.vanilla.js";
-var v = {
-    default: "skrulh1 _1y2v1nf5i _1y2v1nf5n _1y2v1nf7p",
-    fullWidth: "skrulh2 _1y2v1nf5i _1y2v1nf5n _1y2v1nf7p"
+var r = {
+    default: "skrulh1 _1y2v1nf5o _1y2v1nf5t _1y2v1nf7v",
+    fullWidth: "skrulh2 _1y2v1nf5o _1y2v1nf5t _1y2v1nf7v"
 };
-export { v as variants };
+export { r as variants };

package/dist-es/empty-state-card.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./empty-state-card.css.ts.vanilla.js";
-var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nf80 _1y2v1nf8f", v = "_1azor6p2 _1y2v1nf5k _1y2v1nf8h";
-export { n as container, o as iconContainer, v as image };
+var a = "_1azor6p0", o = "_1azor6p4 _1y2v1nf86 _1y2v1nf8l", v = "_1azor6p2 _1y2v1nf5q _1y2v1nf8n";
+export { a as container, o as iconContainer, v as image };

package/dist-es/empty-state.css-mistica.js

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./empty-state.css.ts.vanilla.js";
-var n = "_13fzrua2 _1y2v1nf5i _1y2v1nf5c", v = {
+var n = "_13fzrua2 _1y2v1nf5o _1y2v1nf5i", v = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, e = "_13fzrua9 _1y2v1nf82 _1y2v1nf8h", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf85", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5k", t = {
+}, e = "_13fzrua9 _1y2v1nf88 _1y2v1nf8n", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf8b", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5q", t = {
     backgroundColor: "var(--_13fzrua0)"
 };
 export { n as container, v as contentVariants, e as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, u as smallImage, t as vars };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./feedback.css.ts.vanilla.js";
-var n = "gx6h6a3 _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p", r = "_1y2v1nf9l _1y2v1nf5i _1y2v1nf5u", t = "gx6h6a1", v = "gx6h6a7", p = "gx6h6a5", f = "gx6h6a6", i = "gx6h6a4";
-export { n as container, r as desktopContainer, t as desktopContent, v as feedbackData, p as feedbackDataAppear, f as feedbackDataAppearActive, i as innerContainer };
+var n = "gx6h6a3 _1y2v1nf5o _1y2v1nf8b _1y2v1nf7v", r = "_1y2v1nf9w _1y2v1nf5o _1y2v1nf60", v = "gx6h6a1", t = "gx6h6a7", o = "gx6h6a5", f = "gx6h6a6", p = "gx6h6a4";
+export { n as container, r as desktopContainer, v as desktopContent, t as feedbackData, o as feedbackDataAppear, f as feedbackDataAppearActive, p as innerContainer };