@telefonica/mistica 14.34.0 → 14.36.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(()=>{

package/dist/generated/mistica-icons/icon-5-g-regular.js

@@ -133,11 +133,11 @@ const s = (_param)=>{
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: c,
-                d: "M4.982 19.093A9.86 9.86 0 0 0 12.001 22a9.86 9.86 0 0 0 7.018-2.907 9.86 9.86 0 0 0 2.907-7.018 9.915 9.915 0 0 0-6.039-9.135.528.528 0 1 0-.414.971 8.861 8.861 0 0 1 5.397 8.164c0 4.891-3.979 8.87-8.87 8.87-4.89 0-8.869-3.979-8.869-8.87a8.861 8.861 0 0 1 5.397-8.164.528.528 0 1 0-.414-.97 9.915 9.915 0 0 0-6.039 9.134 9.86 9.86 0 0 0 2.907 7.018Z"
+                d: "M4.982 19.094A9.86 9.86 0 0 0 12.001 22a9.86 9.86 0 0 0 7.018-2.907 9.86 9.86 0 0 0 2.907-7.018 9.915 9.915 0 0 0-6.039-9.135.528.528 0 1 0-.414.971 8.861 8.861 0 0 1 5.397 8.164c0 4.891-3.979 8.87-8.87 8.87-4.89 0-8.869-3.979-8.869-8.87a8.861 8.861 0 0 1 5.397-8.164.528.528 0 1 0-.414-.97 9.915 9.915 0 0 0-6.039 9.134 9.86 9.86 0 0 0 2.907 7.018"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: c,
-                d: "M7.825 16.14c1.519 0 2.818-1.021 2.818-2.599 0-1.554-1.241-2.389-2.633-2.389h-.95V9.459h2.995a.554.554 0 0 0 .558-.552.542.542 0 0 0-.557-.55H6.48a.626.626 0 0 0-.626.626v2.87c0 .195.159.354.355.354h1.408c1.136 0 1.763.488 1.763 1.358 0 .87-.673 1.45-1.59 1.45-.742 0-1.229-.372-1.623-.847a.569.569 0 0 0-.43-.21.585.585 0 0 0-.568.57c0 .115.047.231.105.324.533.754 1.403 1.288 2.552 1.288ZM18.108 9.504a.598.598 0 0 1 .162.482.58.58 0 0 1-.248.425l-.01.01a.594.594 0 0 1-.426.117.583.583 0 0 1-.39-.198 2.608 2.608 0 0 0-2.002-.876c-.75 0-1.39.265-1.92.795a2.623 2.623 0 0 0-.796 1.926c0 .753.265 1.395.796 1.926.53.527 1.17.79 1.92.79a2.63 2.63 0 0 0 1.769-.653c.503-.433.799-.914.887-1.445h-2.53a.595.595 0 0 1-.435-.182.586.586 0 0 1-.177-.43v-.011a.604.604 0 0 1 .613-.613h3.218c.169 0 .314.059.436.177a.623.623 0 0 1 .182.436v.005c0 1.091-.387 2.024-1.16 2.797-.777.774-1.712 1.161-2.803 1.161s-2.024-.387-2.797-1.16c-.774-.774-1.16-1.707-1.16-2.798s.386-2.024 1.16-2.797c.773-.774 1.706-1.16 2.797-1.16 1.159 0 2.13.425 2.914 1.276ZM12 2a.678.678 0 1 1 0 1.356A.678.678 0 0 1 12 2Z"
+                d: "M7.825 16.14c1.519 0 2.818-1.021 2.818-2.599 0-1.554-1.241-2.389-2.633-2.389h-.95V9.459h2.995a.554.554 0 0 0 .558-.552.542.542 0 0 0-.557-.55H6.48a.626.626 0 0 0-.626.626v2.87c0 .195.159.354.355.354h1.408c1.136 0 1.763.488 1.763 1.358 0 .87-.673 1.45-1.59 1.45-.742 0-1.229-.372-1.623-.847a.569.569 0 0 0-.43-.21.585.585 0 0 0-.568.57c0 .115.047.231.105.324.533.754 1.403 1.288 2.552 1.288M18.108 9.504a.598.598 0 0 1 .162.482.58.58 0 0 1-.248.425l-.01.01a.594.594 0 0 1-.426.117.583.583 0 0 1-.39-.198 2.608 2.608 0 0 0-2.002-.876c-.75 0-1.39.265-1.92.795a2.623 2.623 0 0 0-.796 1.926c0 .753.265 1.395.796 1.926.53.527 1.17.79 1.92.79a2.63 2.63 0 0 0 1.769-.653c.503-.433.799-.914.887-1.445h-2.53a.595.595 0 0 1-.435-.182.586.586 0 0 1-.177-.43v-.011a.604.604 0 0 1 .613-.613h3.218c.169 0 .314.059.436.177a.623.623 0 0 1 .182.436v.005c0 1.091-.387 2.024-1.16 2.797-.777.774-1.712 1.161-2.803 1.161s-2.024-.387-2.797-1.16c-.774-.774-1.16-1.707-1.16-2.798s.386-2.024 1.16-2.797c.773-.774 1.706-1.16 2.797-1.16 1.159 0 2.13.425 2.914 1.276M12 2a.678.678 0 1 1 0 1.356A.678.678 0 0 1 12 2"
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-academic-filled.js

@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
-            d: "M21.755 18.091c0-.403-.241-1.05-.647-1.375l-.081-6.555v-.014c0-.478 0-1.396-.81-1.767l-7.933-3.563a1.577 1.577 0 0 0-1.215 0L3.136 8.38c-.566.24-.89.81-.89 1.375 0 .647.324 1.132.89 1.376l7.93 3.563c.16.08.322.162.566.162.16 0 .403-.081.566-.162l7.61-3.401v5.423c-.403.322-.647.97-.647 1.375 0 .241.081.404.244.566.243.244.566.244.89.244h.488c.244 0 .566-.081.728-.244.163-.081.244-.322.244-.566Zm-9.148-2.67a2.903 2.903 0 0 1-.891.163c-.322 0-.647-.08-.891-.162l-5.83-2.591v2.672c0 .81.567 1.457 1.295 1.62 1.297.243 3.078.727 4.372 1.78.325.244.729.407 1.135.407s.81-.163 1.134-.406c1.297-1.053 3.079-1.538 4.373-1.782a1.654 1.654 0 0 0 1.294-1.619V12.75l-5.991 2.672Z"
+            fill: t,
+            d: "M21.755 18.091c0-.403-.241-1.05-.647-1.375l-.081-6.555v-.014c0-.478 0-1.396-.81-1.767l-7.933-3.563a1.577 1.577 0 0 0-1.215 0L3.136 8.38c-.566.24-.89.81-.89 1.375 0 .647.324 1.132.89 1.376l7.93 3.563c.16.08.322.162.566.162.16 0 .403-.081.566-.162l7.61-3.401v5.423c-.403.322-.647.97-.647 1.375 0 .241.081.404.244.566.243.244.566.244.89.244h.488c.244 0 .566-.081.728-.244.163-.081.244-.322.244-.566m-9.148-2.67a2.903 2.903 0 0 1-.891.163c-.322 0-.647-.08-.891-.162l-5.83-2.591v2.672c0 .81.567 1.457 1.295 1.62 1.297.243 3.078.727 4.373 1.78.324.244.728.407 1.134.407.406 0 .81-.163 1.134-.406 1.297-1.053 3.079-1.538 4.373-1.782a1.654 1.654 0 0 0 1.294-1.619V12.75z"
         })
     }));
 }, d = n;

package/dist/generated/mistica-icons/icon-academic-light.js

@@ -105,7 +105,7 @@ const n = (_param)=>{
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
-            d: "M20.952 10.047v6.677c.572.412.816 1.205.78 1.812-.031.423-.1.521-.286.659-.255.187-.49.246-.735.246h-.49c-.328 0-.655 0-.9-.246-.163-.163-.243-.412-.243-.659 0-.577.327-1.565.979-1.812v-5.77l-1.714.743v3.955c0 .742-.49 1.319-1.143 1.484-1.303.25-3.1.823-4.486 1.896-.328.247-.655.412-1.062.412-.41 0-.735-.165-1.062-.412-1.304-1.154-3.181-1.65-4.487-1.896a1.51 1.51 0 0 1-1.143-1.484v-3.874L3 10.87c-.408-.246-.735-.658-.735-1.235 0-.577.244-1.07.735-1.235l8.078-3.79c.407-.084.735-.084 1.142.082L20.3 8.4c.69.27.667 1.099.653 1.619v.028ZM3.083 9.635c0 .165.08.33.244.412l8.078 3.708c.163.081.244.081.408 0l8.077-3.71h-8.322c-.244 0-.407-.166-.407-.413 0-.246.163-.411.407-.411h8.486s.017-.031-.08-.082l-8.078-3.708c-.164-.081-.244-.081-.408 0L3.41 9.14c-.247.084-.327.25-.327.496Zm14.115 6.594c.247 0 .49-.247.49-.577l-.083-3.628-5.463 2.558a1.2 1.2 0 0 1-1.062 0l-5.304-2.474v3.543c0 .247.163.496.49.578 1.387.249 3.425.826 4.895 2.06a.975.975 0 0 0 1.142 0c1.55-1.237 3.508-1.814 4.895-2.06Zm2.773 2.307h1.062c0-.495-.408-1.072-.572-1.072-.163 0-.49.66-.49 1.072Z"
+            d: "M20.952 10.047v6.677c.572.412.816 1.205.78 1.812-.031.423-.1.521-.286.659-.255.187-.49.246-.735.246h-.49c-.328 0-.655 0-.9-.246-.163-.163-.243-.412-.243-.659 0-.577.327-1.565.979-1.812v-5.77l-1.714.743v3.955c0 .742-.49 1.319-1.143 1.484-1.303.25-3.1.823-4.486 1.896-.328.247-.655.412-1.062.412-.41 0-.735-.165-1.062-.412-1.304-1.154-3.181-1.65-4.487-1.896a1.51 1.51 0 0 1-1.143-1.484v-3.874L3 10.87c-.408-.246-.735-.658-.735-1.235 0-.577.244-1.07.735-1.235l8.078-3.79c.407-.084.735-.084 1.142.082L20.3 8.4c.69.27.667 1.099.653 1.619zM3.083 9.635c0 .165.08.33.244.412l8.078 3.708c.163.081.244.081.408 0l8.077-3.71h-8.322c-.244 0-.407-.166-.407-.413 0-.246.163-.411.407-.411h8.486s.017-.031-.08-.082l-8.078-3.708c-.164-.081-.244-.081-.408 0L3.41 9.14c-.247.084-.327.25-.327.496m14.115 6.594c.247 0 .49-.247.49-.577l-.083-3.628-5.462 2.558a1.2 1.2 0 0 1-1.063 0l-5.304-2.474v3.544c0 .246.163.495.49.577 1.387.249 3.425.826 4.895 2.06a.975.975 0 0 0 1.142 0c1.55-1.237 3.508-1.814 4.895-2.06m2.773 2.307h1.062c0-.495-.408-1.072-.572-1.072-.163 0-.49.66-.49 1.072"
         })
     }));
 }, m = n;