@telefonica/mistica 14.34.0 → 14.36.0

package/dist-es/community/advanced-data-card.js

@@ -78,24 +78,26 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as r, Fragment as P } from "react/jsx-runtime";
-import * as U from "react";
-import { Boxed as V } from "../boxed.js";
+import { jsx as e, jsxs as t, Fragment as P } from "react/jsx-runtime";
+import * as M from "react";
+import { Boxed as U } from "../boxed.js";
 import { sprinkles as C } from "../sprinkles.css-mistica.js";
 import j from "../stack.js";
-import { dataCard as X, touchableContainer as Y, touchableCardOverlay as Z, cardContentStyle as q, minHeight as J, zindex as K, paddingX as Q, touchableArea as $, divider as ee, actions as te, actionsVariants as re, marginRightButton as ae, buttonMobile as O, footerDirection as ie, marginRightAuto as oe, footerText as ne, adjustButtonLink as se, button as de } from "./advanced-data-card.css-mistica.js";
+import { dataCard as X, touchableContainer as Y, touchableCardOverlay as Z, cardContentStyle as q, minHeight as J, zindex as K, paddingX as Q, touchableArea as $, divider as ee, actions as re, actionsVariants as te, marginRightButton as ae, buttonMobile as O, footerDirection as ie, marginRightAuto as oe, footerText as se, adjustButtonLink as ne, button as de } from "./advanced-data-card.css-mistica.js";
+import { vars as le } from "../image.css-mistica.js";
 import k from "../divider.js";
 import { Text2 as v, Text as ce } from "../text.js";
-import { vars as T } from "../skins/skin-contract.css-mistica.js";
+import { vars as y } from "../skins/skin-contract.css-mistica.js";
 import N from "../box.js";
-import le from "../touchable.js";
-import m from "classnames";
-import { CardActionsGroup as he, TOP_ACTION_BUTTON_SIZE as me } from "../card.js";
-import { useTheme as pe } from "../hooks.js";
-import { getPrefixedDataAttributes as ue } from "../utils/dom.js";
-import ge from "../inline.js";
-const fe = (_param)=>{
-    var { headline: a, pretitle: i, pretitleAs: s = "p", pretitleLinesMax: p, title: d, titleAs: c = "h3", titleLinesMax: l, subtitle: h, subtitleLinesMax: o, description: t, descriptionLinesMax: u, ariaLabel: x } = _param, n = _object_without_properties(_param, [
+import me from "../touchable.js";
+import h from "classnames";
+import { CardActionsGroup as he, TOP_ACTION_BUTTON_SIZE as pe } from "../card.js";
+import { useTheme as ue } from "../hooks.js";
+import { getPrefixedDataAttributes as ge } from "../utils/dom.js";
+import fe from "../inline.js";
+import { applyCssVars as ve } from "../utils/css.js";
+const ye = (_param)=>{
+    var { headline: a, pretitle: i, pretitleAs: n = "p", pretitleLinesMax: p, title: d, titleAs: l = "h3", titleLinesMax: c, subtitle: m, subtitleLinesMax: o, description: r, descriptionLinesMax: u, ariaLabel: x } = _param, s = _object_without_properties(_param, [
         "headline",
         "pretitle",
         "pretitleAs",
@@ -109,23 +111,23 @@ const fe = (_param)=>{
         "descriptionLinesMax",
         "ariaLabel"
     ]);
-    const { textPresets: y } = pe();
-    return /* @__PURE__ */ r(j, {
+    const { textPresets: T } = ue();
+    return /* @__PURE__ */ t(j, {
         space: 4,
         children: [
             a,
-            /* @__PURE__ */ e(le, _object_spread_props(_object_spread({
+            /* @__PURE__ */ e(me, _object_spread_props(_object_spread({
                 tabIndex: 0,
                 maybe: !0,
-                className: m($)
-            }, n), {
+                className: h($)
+            }, s), {
                 "aria-label": x,
                 children: /* @__PURE__ */ e(P, {})
             })),
             i && /* @__PURE__ */ e(v, {
-                color: T.colors.textPrimary,
+                color: y.colors.textPrimary,
                 truncate: p,
-                as: s,
+                as: n,
                 regular: !0,
                 hyphens: "auto",
                 children: i
@@ -135,82 +137,87 @@ const fe = (_param)=>{
                 mobileLineHeight: "24px",
                 desktopSize: 20,
                 desktopLineHeight: "28px",
-                truncate: l,
-                weight: y.cardTitle.weight,
-                as: c,
+                truncate: c,
+                weight: T.cardTitle.weight,
+                as: l,
                 hyphens: "auto",
                 children: d
             }),
             /* @__PURE__ */ e(v, {
-                color: T.colors.textPrimary,
+                color: y.colors.textPrimary,
                 truncate: o,
                 as: "p",
                 regular: !0,
                 hyphens: "auto",
-                children: h
+                children: m
             }),
-            t && /* @__PURE__ */ e(v, {
+            r && /* @__PURE__ */ e(v, {
                 truncate: u,
                 as: "p",
                 regular: !0,
-                color: T.colors.textSecondary,
+                color: y.colors.textSecondary,
                 hyphens: "auto",
-                children: t
+                children: r
             })
         ]
     });
-}, ve = (param)=>{
-    let { button: a, footerImage: i, footerText: s, footerTextLinesMax: p, buttonLink: d } = param;
-    const c = !!a, l = !!i, h = !!s, o = !!d, t = c && (l || h) && o, u = o && !t ? "178px" : "";
-    return /* @__PURE__ */ r(P, {
+}, Ne = (param)=>{
+    let { button: a, footerImage: i, footerText: n, footerTextLinesMax: p, buttonLink: d } = param;
+    const l = !!a, c = !!i, m = !!n, o = !!d, r = l && (c || m) && o, u = o && !r ? "178px" : "";
+    return /* @__PURE__ */ t(P, {
         children: [
             /* @__PURE__ */ e("div", {
                 className: ee,
                 children: /* @__PURE__ */ e(k, {})
             }),
-            /* @__PURE__ */ r("div", {
-                className: m(te, re[t ? "mobile" : "default"]),
+            /* @__PURE__ */ t("div", {
+                className: h(re, te[r ? "mobile" : "default"]),
                 children: [
-                    c && /* @__PURE__ */ e("div", {
-                        className: m(ae, O),
+                    l && /* @__PURE__ */ e("div", {
+                        className: h(ae, O),
                         children: a
                     }),
-                    /* @__PURE__ */ r("div", {
-                        className: m(ie, t ? oe : C({
+                    /* @__PURE__ */ t("div", {
+                        className: h(ie, r ? oe : C({
                             paddingTop: 16
                         })),
                         children: [
-                            l && /* @__PURE__ */ e(N, {
+                            c && /* @__PURE__ */ e(N, {
                                 paddingRight: 16,
                                 className: C({
                                     alignItems: "center",
                                     display: "flex"
                                 }),
-                                children: i
+                                children: /* @__PURE__ */ e("div", {
+                                    style: ve({
+                                        [le.mediaBorderRadius]: y.borderRadii.mediaSmall
+                                    }),
+                                    children: i
+                                })
                             }),
-                            h && /* @__PURE__ */ e("div", {
+                            m && /* @__PURE__ */ e("div", {
                                 style: {
                                     maxWidth: u
                                 },
-                                className: ne,
+                                className: se,
                                 children: /* @__PURE__ */ e(v, {
                                     truncate: p,
                                     regular: !0,
-                                    children: s
+                                    children: n
                                 })
                             })
                         ]
                     }),
                     o && /* @__PURE__ */ e("div", {
-                        className: m(se, t ? de : O),
+                        className: h(ne, r ? de : O),
                         children: d
                     })
                 ]
             })
         ]
     });
-}, Ne = /*#__PURE__*/ U.forwardRef((_param, _)=>{
-    var { stackingGroup: a, headline: i, pretitle: s, pretitleAs: p, pretitleLinesMax: d, title: c, titleAs: l, titleLinesMax: h, subtitle: o, subtitleLinesMax: t, description: u, descriptionLinesMax: x, extra: n, extraDividerPadding: y = 24, button: A, footerImage: b, footerText: B, footerTextLinesMax: z, buttonLink: S, dataAttributes: H, actions: g, "aria-label": w, onClose: D } = _param, f = _object_without_properties(_param, [
+}, xe = /*#__PURE__*/ M.forwardRef((_param, _)=>{
+    var { stackingGroup: a, headline: i, pretitle: n, pretitleAs: p, pretitleLinesMax: d, title: l, titleAs: c, titleLinesMax: m, subtitle: o, subtitleLinesMax: r, description: u, descriptionLinesMax: x, extra: s, extraDividerPadding: T = 24, button: b, footerImage: A, footerText: B, footerTextLinesMax: z, buttonLink: R, dataAttributes: H, actions: g, "aria-label": S, onClose: w } = _param, f = _object_without_properties(_param, [
         "stackingGroup",
         "headline",
         "pretitle",
@@ -235,63 +242,63 @@ const fe = (_param)=>{
         "aria-label",
         "onClose"
     ]);
-    const E = !!f.href || !!f.onPress || !!f.to, W = {
-        button: A,
-        footerImage: b,
+    const E = !!f.href || !!f.onPress || !!f.to, V = {
+        button: b,
+        footerImage: A,
         footerText: B,
         footerTextLinesMax: z,
-        buttonLink: S
-    }, I = !!A || !!b || !!B || !!S, R = !!(n != null && n.length), G = ((g == null ? void 0 : g.length) || 0) + (D ? 1 : 0), L = {
+        buttonLink: R
+    }, D = !!b || !!A || !!B || !!R, I = !!(s != null && s.length), W = ((g == null ? void 0 : g.length) || 0) + (w ? 1 : 0), G = {
         marginRight: -16,
         marginTop: -24,
-        width: me * G
+        width: pe * W
     };
     return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({
         className: C({
             position: "relative",
             height: "100%"
         })
-    }, ue(H, "AdvancedDataCard")), {
+    }, ge(H, "AdvancedDataCard")), {
         ref: _,
-        "aria-label": w,
-        children: /* @__PURE__ */ r(V, {
+        "aria-label": S,
+        children: /* @__PURE__ */ t(U, {
             className: X,
             children: [
-                /* @__PURE__ */ r("div", {
+                /* @__PURE__ */ t("div", {
                     className: Y,
                     children: [
                         E && /* @__PURE__ */ e("div", {
                             className: Z
                         }),
                         /* @__PURE__ */ e("div", {
-                            className: m(q, !I && !R ? J : ""),
+                            className: h(q, !D && !I ? J : ""),
                             children: /* @__PURE__ */ e(N, {
                                 paddingTop: 8,
-                                children: /* @__PURE__ */ r(ge, {
+                                children: /* @__PURE__ */ t(fe, {
                                     space: 0,
                                     children: [
-                                        /* @__PURE__ */ r(j, {
+                                        /* @__PURE__ */ t(j, {
                                             space: 8,
                                             children: [
                                                 a,
-                                                /* @__PURE__ */ e(fe, _object_spread({
+                                                /* @__PURE__ */ e(ye, _object_spread({
                                                     headline: i,
-                                                    pretitle: s,
+                                                    pretitle: n,
                                                     pretitleAs: p,
                                                     pretitleLinesMax: d,
-                                                    title: c,
-                                                    titleAs: l,
-                                                    titleLinesMax: h,
+                                                    title: l,
+                                                    titleAs: c,
+                                                    titleLinesMax: m,
                                                     subtitle: o,
-                                                    subtitleLinesMax: t,
+                                                    subtitleLinesMax: r,
                                                     description: u,
                                                     descriptionLinesMax: x,
-                                                    ariaLabel: w
+                                                    ariaLabel: S
                                                 }, f))
                                             ]
                                         }),
                                         !a && /* @__PURE__ */ e("div", {
-                                            style: L
+                                            style: G
                                         })
                                     ]
                                 })
@@ -302,19 +309,19 @@ const fe = (_param)=>{
                                 flexGrow: 1
                             }
                         }),
-                        R && /* @__PURE__ */ e(N, {
+                        I && /* @__PURE__ */ e(N, {
                             paddingTop: 16,
                             paddingBottom: 24,
                             width: "100%",
                             className: K,
-                            children: n.map((M, F)=>/* @__PURE__ */ r("div", {
+                            children: s.map((L, F)=>/* @__PURE__ */ t("div", {
                                     children: [
                                         /* @__PURE__ */ e("div", {
                                             className: Q,
-                                            children: M
+                                            children: L
                                         }),
-                                        F + 1 !== n.length && /* @__PURE__ */ e(N, {
-                                            paddingY: y,
+                                        F + 1 !== s.length && /* @__PURE__ */ e(N, {
+                                            paddingY: T,
                                             children: /* @__PURE__ */ e(k, {})
                                         })
                                     ]
@@ -322,14 +329,14 @@ const fe = (_param)=>{
                         }),
                         /* @__PURE__ */ e(he, {
                             actions: g,
-                            onClose: D,
+                            onClose: w,
                             padding: 7
                         })
                     ]
                 }),
-                I && /* @__PURE__ */ e(ve, _object_spread({}, W))
+                D && /* @__PURE__ */ e(Ne, _object_spread({}, V))
             ]
         })
     }));
-}), je = Ne;
-export { Ne as AdvancedDataCard, je as default };
+}), _e = xe;
+export { xe as AdvancedDataCard, _e as default };

package/dist-es/community/blocks.js

@@ -1,94 +1,101 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import p from "../stack.js";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import g from "../stack.js";
 import { column as x, rightContent as y } from "./blocks.css-mistica.js";
-import { Text2 as n, Text5 as f, Text8 as h, Text3 as v } from "../text.js";
-import { vars as c } from "../skins/skin-contract.css-mistica.js";
+import { vars as f } from "../image.css-mistica.js";
+import { Text2 as n, Text5 as v, Text8 as m, Text3 as S } from "../text.js";
+import { vars as o } from "../skins/skin-contract.css-mistica.js";
 import s from "../inline.js";
 import u from "../box.js";
-import { ProgressBar as S } from "../progress-bar.js";
-import B from "classnames";
-const g = (param)=>{
-    let { title: o, description: e } = param;
+import { ProgressBar as B } from "../progress-bar.js";
+import I from "classnames";
+import { applyCssVars as k } from "../utils/css.js";
+const p = (param)=>{
+    let { title: a, description: e } = param;
     const l = typeof e == "string" ? [
         e
     ] : e;
-    return /* @__PURE__ */ a("div", {
+    return /* @__PURE__ */ c("div", {
         className: x,
         children: [
-            /* @__PURE__ */ r(v, {
+            /* @__PURE__ */ r(S, {
                 regular: !0,
-                color: c.colors.textPrimary,
-                children: o
+                color: o.colors.textPrimary,
+                children: a
             }),
             l && l.map((t, i)=>/* @__PURE__ */ r(n, {
                     regular: !0,
-                    color: c.colors.textSecondary,
+                    color: o.colors.textSecondary,
                     as: "p",
                     children: t
                 }, i))
         ]
     });
-}, L = (param)=>/* @__PURE__ */ {
-    let { title: o, stackingGroup: e, description: l, "aria-label": t } = param;
+}, z = (param)=>/* @__PURE__ */ {
+    let { title: a, stackingGroup: e, description: l, "aria-label": t } = param;
     return r("div", {
         "aria-label": t,
-        children: /* @__PURE__ */ a(s, {
+        children: /* @__PURE__ */ c(s, {
             space: "between",
             alignItems: "center",
             children: [
-                o && /* @__PURE__ */ r(u, {
+                a && /* @__PURE__ */ r(u, {
                     paddingRight: 32,
                     children: /* @__PURE__ */ r(n, {
                         regular: !0,
-                        children: o
+                        children: a
                     })
                 }),
                 e || /* @__PURE__ */ r(n, {
                     regular: !0,
-                    color: c.colors.textSecondary,
+                    color: o.colors.textSecondary,
                     children: l
                 })
             ]
         })
     });
-}, V = (param)=>/* @__PURE__ */ {
-    let { image: o, description: e, "aria-label": l } = param;
+}, A = (param)=>/* @__PURE__ */ {
+    let { image: a, description: e, "aria-label": l } = param;
     return r("div", {
         "aria-label": l,
-        children: /* @__PURE__ */ a(s, {
+        children: /* @__PURE__ */ c(s, {
             space: 16,
             alignItems: "center",
             children: [
-                o,
+                /* @__PURE__ */ r("div", {
+                    style: k({
+                        [f.mediaBorderRadius]: o.borderRadii.mediaSmall
+                    }),
+                    children: a
+                }),
                 /* @__PURE__ */ r(n, {
                     regular: !0,
-                    color: c.colors.textSecondary,
+                    color: o.colors.textSecondary,
                     children: e
                 })
             ]
         })
     });
-}, q = (param)=>/* @__PURE__ */ {
-    let { title: o, description: e, secondaryValue: l, value: t, valueColor: i = c.colors.textPrimary, "aria-label": d } = param;
-    return a(s, {
+}, D = (param)=>/* @__PURE__ */ {
+    let { title: a, description: e, secondaryValue: l, value: t, valueColor: i = o.colors.textPrimary, "aria-label": d } = param;
+    return c(s, {
         space: "between",
         alignItems: "flex-end",
         "aria-label": d,
         children: [
-            /* @__PURE__ */ r(g, {
-                title: o,
+            /* @__PURE__ */ r(p, {
+                title: a,
                 description: e
             }),
-            /* @__PURE__ */ a("div", {
-                className: B(x, y),
+            /* @__PURE__ */ c("div", {
+                className: I(x, y),
                 children: [
                     /* @__PURE__ */ r(n, {
                         regular: !0,
-                        color: c.colors.textSecondary,
+                        color: o.colors.textSecondary,
                         decoration: "line-through",
                         children: l
                     }),
-                    /* @__PURE__ */ r(f, {
+                    /* @__PURE__ */ r(v, {
                         color: i,
                         children: t
                     })
@@ -96,91 +103,91 @@ const g = (param)=>{
             })
         ]
     });
-}, z = (param)=>/* @__PURE__ */ {
-    let { headline: o, mainHeading: e, secondHeading: l, secondaryValue: t, title: i, description: d, valueColor: m = c.colors.textPrimary, "aria-label": b } = param;
-    return a("div", {
+}, E = (param)=>/* @__PURE__ */ {
+    let { headline: a, mainHeading: e, secondHeading: l, secondaryValue: t, title: i, description: d, valueColor: h = o.colors.textPrimary, "aria-label": b } = param;
+    return c("div", {
         "aria-label": b,
         children: [
-            o && /* @__PURE__ */ r(u, {
+            a && /* @__PURE__ */ r(u, {
                 paddingBottom: 24,
-                children: o
+                children: a
             }),
-            /* @__PURE__ */ a(p, {
+            /* @__PURE__ */ c(g, {
                 space: 2,
                 children: [
-                    /* @__PURE__ */ a(s, {
+                    /* @__PURE__ */ c(s, {
                         space: 8,
                         alignItems: "baseline",
                         children: [
-                            /* @__PURE__ */ r(h, {
-                                color: m,
+                            /* @__PURE__ */ r(m, {
+                                color: h,
                                 children: e.value
                             }),
                             /* @__PURE__ */ r(n, {
                                 regular: !0,
-                                color: c.colors.textSecondary,
+                                color: o.colors.textSecondary,
                                 children: e.text
                             })
                         ]
                     }),
-                    l && /* @__PURE__ */ a(s, {
+                    l && /* @__PURE__ */ c(s, {
                         space: 8,
                         alignItems: "baseline",
                         children: [
-                            /* @__PURE__ */ r(h, {
-                                color: m,
+                            /* @__PURE__ */ r(m, {
+                                color: h,
                                 children: l.value
                             }),
                             /* @__PURE__ */ r(n, {
                                 regular: !0,
-                                color: c.colors.textSecondary,
+                                color: o.colors.textSecondary,
                                 children: l.text
                             })
                         ]
                     }),
-                    t && /* @__PURE__ */ r(h, {
-                        color: c.colors.textSecondary,
+                    t && /* @__PURE__ */ r(m, {
+                        color: o.colors.textSecondary,
                         children: t
                     })
                 ]
             }),
             i || d ? /* @__PURE__ */ r(u, {
                 paddingTop: 8,
-                children: /* @__PURE__ */ r(g, {
+                children: /* @__PURE__ */ r(p, {
                     title: i,
                     description: d
                 })
             }) : null
         ]
     });
-}, A = (param)=>/* @__PURE__ */ {
-    let { title: o, value: e, description: l, valueColor: t = c.colors.textPrimary, "aria-label": i } = param;
-    return a("div", {
+}, F = (param)=>/* @__PURE__ */ {
+    let { title: a, value: e, description: l, valueColor: t = o.colors.textPrimary, "aria-label": i } = param;
+    return c("div", {
         "aria-label": i,
         className: x,
         children: [
             /* @__PURE__ */ r(n, {
                 regular: !0,
-                color: c.colors.textPrimary,
-                children: o
+                color: o.colors.textPrimary,
+                children: a
             }),
-            /* @__PURE__ */ r(h, {
+            /* @__PURE__ */ r(m, {
                 color: t,
                 children: e
             }),
-            /* @__PURE__ */ r(g, {
+            /* @__PURE__ */ r(p, {
                 description: l
             })
         ]
     });
-}, D = (param)=>/* @__PURE__ */ {
-    let { title: o, stackingGroup: e, progressPercent: l, reverse: t, heading: i, description: d, "aria-label": m } = param;
+}, J = (param)=>/* @__PURE__ */ {
+    let { title: a, stackingGroup: e, progressPercent: l, reverse: t, heading: i, description: d, "aria-label": h } = param;
     return r("div", {
-        "aria-label": m,
-        children: /* @__PURE__ */ a(p, {
+        "aria-label": h,
+        children: /* @__PURE__ */ c(g, {
             space: 8,
             children: [
-                /* @__PURE__ */ a(s, {
+                /* @__PURE__ */ c(s, {
                     space: "between",
                     alignItems: "flex-end",
                     children: [
@@ -188,38 +195,38 @@ const g = (param)=>{
                             paddingRight: 32,
                             children: /* @__PURE__ */ r(n, {
                                 regular: !0,
-                                children: o
+                                children: a
                             })
                         }),
                         e
                     ]
                 }),
-                l !== void 0 && /* @__PURE__ */ r(S, {
+                l !== void 0 && /* @__PURE__ */ r(B, {
                     progressPercent: l,
                     reverse: t
                 }),
-                /* @__PURE__ */ a(s, {
+                /* @__PURE__ */ c(s, {
                     space: 8,
                     alignItems: "baseline",
                     children: [
-                        /* @__PURE__ */ r(h, {
-                            color: i.valueColor || c.colors.textPrimary,
+                        /* @__PURE__ */ r(m, {
+                            color: i.valueColor || o.colors.textPrimary,
                             children: i.value
                         }),
                         /* @__PURE__ */ r(n, {
                             regular: !0,
-                            color: c.colors.textSecondary,
+                            color: o.colors.textSecondary,
                             children: i.text
                         })
                     ]
                 }),
                 d && /* @__PURE__ */ r(n, {
                     regular: !0,
-                    color: c.colors.textSecondary,
+                    color: o.colors.textSecondary,
                     children: d
                 })
             ]
         })
     });
 };
-export { z as HighlightedValueBlock, q as InformationBlock, D as ProgressBlock, L as RowBlock, V as SimpleBlock, A as ValueBlock };
+export { E as HighlightedValueBlock, D as InformationBlock, J as ProgressBlock, z as RowBlock, A as SimpleBlock, F as ValueBlock };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./counter.css.ts.vanilla.css-mistica.js";
-var s = "rijsns8 _1y2v1nf62 _1y2v1nfds _1y2v1nfb5 _1y2v1nfc8 _1y2v1nfco", v = "rijsnse _1y2v1nfc7 _1y2v1nfcn _1y2v1nfb5 _1y2v1nfdz _1y2v1nf5o", a = "rijsns6", t = "rijsns3 _1y2v1nfdz _1y2v1nf33 _1y2v1nfbb _1y2v1nfea", f = "rijsnsc rijsnsa _1y2v1nfb5", o = "rijsnsa _1y2v1nfb5", y = "rijsns4", _ = "rijsns0", i = "rijsns1", b = "rijsnsb rijsnsa _1y2v1nfb5", e = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbj";
+var s = "rijsns8 _1y2v1nf62 _1y2v1nfds _1y2v1nfb5 _1y2v1nfc8 _1y2v1nfco", v = "rijsnse _1y2v1nfc7 _1y2v1nfcn _1y2v1nfb5 _1y2v1nfdz _1y2v1nf5o", a = "rijsns6", t = "rijsns3 _1y2v1nfdz _1y2v1nf33 _1y2v1nfbb _1y2v1nfeb", f = "rijsnsc rijsnsa _1y2v1nfb5", o = "rijsnsa _1y2v1nfb5", y = "rijsns4", _ = "rijsns0", i = "rijsns1", b = "rijsnsb rijsnsa _1y2v1nfb5", e = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbj";
 export { s as button, v as buttonBackground, a as buttonContainer, t as counter, f as decreaseButtonIcon, o as defaultButtonIcon, y as disabled, _ as hasTrashIcon, i as isButtonDisabled, b as trashButtonIcon, e as valueContainer };

package/dist-es/cvv-field.js

@@ -187,7 +187,6 @@ const O = (param)=>{
             children: /* @__PURE__ */ r(O, {
                 acceptedCards: y
             }),
-            targetLabel: l.formCreditCardCvvTooltipVisaMcButton,
             target: /* @__PURE__ */ r("div", {
                 style: {
                     width: 16,
@@ -204,6 +203,7 @@ const O = (param)=>{
                         // (40 - 16) / 2
                         top: -12
                     },
+                    "aria-label": l.formCreditCardCvvTooltipVisaMcButton,
                     children: /* @__PURE__ */ r(N, {
                         size: 16,
                         color: K.colors.neutralMedium