@telefonica/mistica 14.34.0 → 14.35.0

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

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     AdvancedDataCard: function() {
-        return Ne;
+        return xe;
     },
     default: function() {
-        return je;
+        return _e;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -23,6 +23,7 @@ const _boxed = require("../boxed.js");
 const _sprinklescssmistica = require("../sprinkles.css-mistica.js");
 const _stack = /*#__PURE__*/ _interop_require_default(require("../stack.js"));
 const _advanceddatacardcssmistica = require("./advanced-data-card.css-mistica.js");
+const _imagecssmistica = require("../image.css-mistica.js");
 const _divider = /*#__PURE__*/ _interop_require_default(require("../divider.js"));
 const _text = require("../text.js");
 const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
@@ -33,6 +34,7 @@ const _card = require("../card.js");
 const _hooks = require("../hooks.js");
 const _dom = require("../utils/dom.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("../inline.js"));
+const _css = require("../utils/css.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -158,8 +160,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-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, [
+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",
@@ -173,7 +175,7 @@ const fe = (_param)=>{
         "descriptionLinesMax",
         "ariaLabel"
     ]);
-    const { textPresets: y } = (0, _hooks.useTheme)();
+    const { textPresets: T } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 4,
         children: [
@@ -182,14 +184,14 @@ const fe = (_param)=>{
                 tabIndex: 0,
                 maybe: !0,
                 className: (0, _classnames.default)(_advanceddatacardcssmistica.touchableArea)
-            }, n), {
+            }, s), {
                 "aria-label": x,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {})
             })),
             i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                 color: _skincontractcssmistica.vars.colors.textPrimary,
                 truncate: p,
-                as: s,
+                as: n,
                 regular: !0,
                 hyphens: "auto",
                 children: i
@@ -199,9 +201,9 @@ 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
             }),
@@ -211,21 +213,21 @@ const fe = (_param)=>{
                 as: "p",
                 regular: !0,
                 hyphens: "auto",
-                children: h
+                children: m
             }),
-            t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+            r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                 truncate: u,
                 as: "p",
                 regular: !0,
                 color: _skincontractcssmistica.vars.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" : "";
+}, 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__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -233,26 +235,31 @@ const fe = (_param)=>{
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[t ? "mobile" : "default"]),
+                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[r ? "mobile" : "default"]),
                 children: [
-                    c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_advanceddatacardcssmistica.marginRightButton, _advanceddatacardcssmistica.buttonMobile),
                         children: a
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, t ? _advanceddatacardcssmistica.marginRightAuto : (0, _sprinklescssmistica.sprinkles)({
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, r ? _advanceddatacardcssmistica.marginRightAuto : (0, _sprinklescssmistica.sprinkles)({
                             paddingTop: 16
                         })),
                         children: [
-                            l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                            c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingRight: 16,
                                 className: (0, _sprinklescssmistica.sprinkles)({
                                     alignItems: "center",
                                     display: "flex"
                                 }),
-                                children: i
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                    style: (0, _css.applyCssVars)({
+                                        [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
+                                    }),
+                                    children: i
+                                })
                             }),
-                            h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
                                     maxWidth: u
                                 },
@@ -260,21 +267,21 @@ const fe = (_param)=>{
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     truncate: p,
                                     regular: !0,
-                                    children: s
+                                    children: n
                                 })
                             })
                         ]
                     }),
                     o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, t ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, r ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
                         children: d
                     })
                 ]
             })
         ]
     });
-}, Ne = /*#__PURE__*/ _react.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__*/ _react.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",
@@ -299,16 +306,16 @@ 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: _card.TOP_ACTION_BUTTON_SIZE * G
+        width: _card.TOP_ACTION_BUTTON_SIZE * W
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({
         className: (0, _sprinklescssmistica.sprinkles)({
@@ -317,7 +324,7 @@ const fe = (_param)=>{
         })
     }, (0, _dom.getPrefixedDataAttributes)(H, "AdvancedDataCard")), {
         ref: _,
-        "aria-label": w,
+        "aria-label": S,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
             className: _advanceddatacardcssmistica.dataCard,
             children: [
@@ -328,7 +335,7 @@ const fe = (_param)=>{
                             className: _advanceddatacardcssmistica.touchableCardOverlay
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !I && !R ? _advanceddatacardcssmistica.minHeight : ""),
+                            className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !D && !I ? _advanceddatacardcssmistica.minHeight : ""),
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingTop: 8,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
@@ -338,24 +345,24 @@ const fe = (_param)=>{
                                             space: 8,
                                             children: [
                                                 a,
-                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(fe, _object_spread({
+                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(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__ */ (0, _jsxruntime.jsx)("div", {
-                                            style: L
+                                            style: G
                                         })
                                     ]
                                 })
@@ -366,19 +373,19 @@ const fe = (_param)=>{
                                 flexGrow: 1
                             }
                         }),
-                        R && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        I && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingTop: 16,
                             paddingBottom: 24,
                             width: "100%",
                             className: _advanceddatacardcssmistica.zindex,
-                            children: n.map((M, F)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                            children: s.map((L, F)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                     children: [
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: _advanceddatacardcssmistica.paddingX,
-                                            children: M
+                                            children: L
                                         }),
-                                        F + 1 !== n.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                            paddingY: y,
+                                        F + 1 !== s.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                            paddingY: T,
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                                         })
                                     ]
@@ -386,13 +393,13 @@ const fe = (_param)=>{
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
                             actions: g,
-                            onClose: D,
+                            onClose: w,
                             padding: 7
                         })
                     ]
                 }),
-                I && /* @__PURE__ */ (0, _jsxruntime.jsx)(ve, _object_spread({}, W))
+                D && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ne, _object_spread({}, V))
             ]
         })
     }));
-}), je = Ne;
+}), _e = xe;

package/dist/community/blocks.js

@@ -10,40 +10,42 @@ function _export(target, all) {
 }
 _export(exports, {
     HighlightedValueBlock: function() {
-        return z;
+        return E;
     },
     InformationBlock: function() {
-        return q;
+        return D;
     },
     ProgressBlock: function() {
-        return D;
+        return J;
     },
     RowBlock: function() {
-        return L;
+        return z;
     },
     SimpleBlock: function() {
-        return V;
+        return A;
     },
     ValueBlock: function() {
-        return A;
+        return F;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _stack = /*#__PURE__*/ _interop_require_default(require("../stack.js"));
 const _blockscssmistica = require("./blocks.css-mistica.js");
+const _imagecssmistica = require("../image.css-mistica.js");
 const _text = require("../text.js");
 const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("../inline.js"));
 const _box = /*#__PURE__*/ _interop_require_default(require("../box.js"));
 const _progressbar = require("../progress-bar.js");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _css = require("../utils/css.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const g = (param)=>{
-    let { title: o, description: e } = param;
+const p = (param)=>{
+    let { title: a, description: e } = param;
     const l = typeof e == "string" ? [
         e
     ] : e;
@@ -53,7 +55,7 @@ const g = (param)=>{
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                 regular: !0,
                 color: _skincontractcssmistica.vars.colors.textPrimary,
-                children: o
+                children: a
             }),
             l && l.map((t, i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     regular: !0,
@@ -63,19 +65,19 @@ const g = (param)=>{
                 }, 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 (0, _jsxruntime.jsx)("div", {
         "aria-label": t,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: "between",
             alignItems: "center",
             children: [
-                o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingRight: 32,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                         regular: !0,
-                        children: o
+                        children: a
                     })
                 }),
                 e || /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -86,15 +88,20 @@ const g = (param)=>{
             ]
         })
     });
-}, 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 (0, _jsxruntime.jsx)("div", {
         "aria-label": l,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 16,
             alignItems: "center",
             children: [
-                o,
+                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    style: (0, _css.applyCssVars)({
+                        [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
+                    }),
+                    children: a
+                }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     regular: !0,
                     color: _skincontractcssmistica.vars.colors.textSecondary,
@@ -103,15 +110,15 @@ const g = (param)=>{
             ]
         })
     });
-}, q = (param)=>/* @__PURE__ */ {
-    let { title: o, description: e, secondaryValue: l, value: t, valueColor: i = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": d } = param;
+}, D = (param)=>/* @__PURE__ */ {
+    let { title: a, description: e, secondaryValue: l, value: t, valueColor: i = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": d } = param;
     return (0, _jsxruntime.jsxs)(_inline.default, {
         space: "between",
         alignItems: "flex-end",
         "aria-label": d,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
-                title: o,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
+                title: a,
                 description: e
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
@@ -131,14 +138,14 @@ const g = (param)=>{
             })
         ]
     });
-}, z = (param)=>/* @__PURE__ */ {
-    let { headline: o, mainHeading: e, secondHeading: l, secondaryValue: t, title: i, description: d, valueColor: m = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": b } = param;
+}, E = (param)=>/* @__PURE__ */ {
+    let { headline: a, mainHeading: e, secondHeading: l, secondaryValue: t, title: i, description: d, valueColor: h = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": b } = param;
     return (0, _jsxruntime.jsxs)("div", {
         "aria-label": b,
         children: [
-            o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
-                children: o
+                children: a
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                 space: 2,
@@ -148,7 +155,7 @@ const g = (param)=>{
                         alignItems: "baseline",
                         children: [
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
-                                color: m,
+                                color: h,
                                 children: e.value
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -163,7 +170,7 @@ const g = (param)=>{
                         alignItems: "baseline",
                         children: [
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
-                                color: m,
+                                color: h,
                                 children: l.value
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -181,15 +188,15 @@ const g = (param)=>{
             }),
             i || d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingTop: 8,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
                     title: i,
                     description: d
                 })
             }) : null
         ]
     });
-}, A = (param)=>/* @__PURE__ */ {
-    let { title: o, value: e, description: l, valueColor: t = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": i } = param;
+}, F = (param)=>/* @__PURE__ */ {
+    let { title: a, value: e, description: l, valueColor: t = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": i } = param;
     return (0, _jsxruntime.jsxs)("div", {
         "aria-label": i,
         className: _blockscssmistica.column,
@@ -197,21 +204,21 @@ const g = (param)=>{
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                 regular: !0,
                 color: _skincontractcssmistica.vars.colors.textPrimary,
-                children: o
+                children: a
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
                 color: t,
                 children: e
             }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(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 (0, _jsxruntime.jsx)("div", {
-        "aria-label": m,
+        "aria-label": h,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
             space: 8,
             children: [
@@ -223,7 +230,7 @@ const g = (param)=>{
                             paddingRight: 32,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                 regular: !0,
-                                children: o
+                                children: a
                             })
                         }),
                         e

package/dist/counter.css-mistica.js

@@ -45,4 +45,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./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";

package/dist/cvv-field.js

@@ -202,7 +202,6 @@ const O = (param)=>{
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(O, {
                 acceptedCards: y
             }),
-            targetLabel: l.formCreditCardCvvTooltipVisaMcButton,
             target: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     width: 16,
@@ -219,6 +218,7 @@ const O = (param)=>{
                         // (40 - 16) / 2
                         top: -12
                     },
+                    "aria-label": l.formCreditCardCvvTooltipVisaMcButton,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconinformationregular.default, {
                         size: 16,
                         color: _skincontractcssmistica.vars.colors.neutralMedium

package/dist/dialog.css-mistica.js

@@ -37,12 +37,12 @@ _export(exports, {
         return t;
     },
     wrapper: function() {
-        return e;
+        return b;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./dialog.css.ts.vanilla.css-mistica.js");
-var _ = "_3dl29lb", f = "_3dl29l6", y = "_3dl29ll _1y2v1nf6o", a = "_3dl29lj _1y2v1nfbw _1y2v1nfda", l = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeg _1y2v1nffa", o = "_3dl29la _1y2v1nf32 _1y2v1nfe1", r = "_3dl29l5 _1y2v1nfb6 _1y2v1nfba _1y2v1nfbj _1y2v1nfbp _1y2v1nfbg _1y2v1nfeg _1y2v1nffa _1y2v1nffp _1y2v1nfev _1y2v1nf3d", t = {
+var _ = "_3dl29lb", f = "_3dl29l6", y = "_3dl29ll _1y2v1nf6o", a = "_3dl29lj _1y2v1nfbw _1y2v1nfda", l = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeh _1y2v1nffb", o = "_3dl29la _1y2v1nf32 _1y2v1nfe1", r = "_3dl29l5 _1y2v1nfb6 _1y2v1nfba _1y2v1nfbj _1y2v1nfbp _1y2v1nfbg _1y2v1nfeh _1y2v1nffb _1y2v1nffq _1y2v1nfew _1y2v1nf3d", t = {
     dialog: "_3dl29ld _1y2v1nfba _1y2v1nfbg _1y2v1nfbm _1y2v1nf96 _1y2v1nfaf _1y2v1nf6u _1y2v1nf7x",
     default: "_3dl29ld _1y2v1nfba _1y2v1nfbg _1y2v1nfbm _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf"
-}, e = "_3dl29l3 _1y2v1nfb4";
+}, b = "_3dl29l3 _1y2v1nfb4";

package/dist/dialog.js

@@ -36,7 +36,7 @@ const _themecontext = /*#__PURE__*/ _interop_require_default(require("./theme-co
 const _hooks = require("./hooks.js");
 const _buttonlayout = /*#__PURE__*/ _interop_require_default(require("./button-layout.js"));
 const _text = require("./text.js");
-const _keycodes = require("./utils/key-codes.js");
+const _keys = require("./utils/keys.js");
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _platform = require("./utils/platform.js");
 const _modalcontextprovider = require("./modal-context-provider.js");
@@ -312,7 +312,7 @@ const y = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         u,
         e.showClose
     ]), m = _react.useCallback((f)=>{
-        f.keyCode === _keycodes.ESC && (u(), f.stopPropagation(), f.preventDefault());
+        f.key === _keys.ESC && (u(), f.stopPropagation(), f.preventDefault());
     }, [
         u
     ]), x = _react.useCallback(()=>{