@telefonica/mistica 16.70.0 → 16.72.0

package/dist/community/ai-card.js

@@ -240,14 +240,14 @@ const K = [
         n
     ]), v = _react.useMemo(()=>g.reduce((u, y)=>y.length > u.length ? y : u, g[0] || ""), [
         g
-    ]), { dynamicText: A, isDone: D, shouldBlinkCaret: E } = Z({
+    ]), { dynamicText: D, isDone: E, shouldBlinkCaret: L } = Z({
         words: g,
         deleteChars: r,
         prefersReducedMotion: d,
         isInViewport: p
-    }), L = (_g_at = g.at(-1)) !== null && _g_at !== void 0 ? _g_at : "", N = [
+    }), N = (_g_at = g.at(-1)) !== null && _g_at !== void 0 ? _g_at : "", A = [
         e,
-        L
+        N
     ].filter(Boolean).join("") || void 0, M = typeof s == "number" ? {
         maxWidth: `min(100%, ${Math.max(1, Math.floor(s))}ch)`
     } : {};
@@ -259,11 +259,10 @@ const K = [
             [_aicardcssmistica.vars.borderColorVar]: /gradient/.test(t) ? t : `linear-gradient(${t}, ${t})`
         }) : void 0,
         dataAttributes: _object_spread({
-            "component-name": "AiCard",
             testid: "AiCard"
         }, o)
     }, c), {
-        "aria-label": l !== null && l !== void 0 ? l : N,
+        "aria-label": l !== null && l !== void 0 ? l : A,
         children: [
             i && /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
                 className: _aicardcssmistica.slot,
@@ -293,11 +292,11 @@ const K = [
                                 className: _aicardcssmistica.visibleContent,
                                 children: [
                                     e,
-                                    A,
+                                    D,
                                     !d && !!g.length && /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
                                         className: (0, _classnames.default)(_aicardcssmistica.caret, {
-                                            [_aicardcssmistica.caretBlinking]: E,
-                                            [_aicardcssmistica.caretHidden]: D
+                                            [_aicardcssmistica.caretBlinking]: L,
+                                            [_aicardcssmistica.caretHidden]: E
                                         }),
                                         children: "|"
                                     })

package/dist/community/blocks.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                      */ /* empty css                                  */ var _ = "v16_70_llrsen0 v16_70_1y2v1nfq4 v16_70_1y2v1nfqa", n = "v16_70_llrsen1";
+/* empty css                                      */ /* empty css                                  */ var _ = "v16_72_llrsen0 v16_72_1y2v1nfq4 v16_72_1y2v1nfqa", n = "v16_72_llrsen1";

package/dist/community/cyber/example-component.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "example", {
         return e;
     }
 });
-/* empty css                                             */ var e = "v16_70_1xqw7a70";
+/* empty css                                             */ var e = "v16_72_1xqw7a70";

package/dist/community/example-component.css-mistica.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "example", {
     enumerable: true,
     get: function() {
-        return m;
+        return r;
     }
 });
-/* empty css                                             */ var m = "v16_70_jbmjs60";
+/* empty css                                                */ /* empty css                                             */ var r = "v16_72_jbmjs60";

package/dist/community/skins/cyber-skin.js

@@ -648,7 +648,6 @@ const t = "Cyber", e = {
             chip: "24px",
             tag: "24px",
             input: "12px",
-            legacyDisplay: "0px",
             popup: "4px",
             sheet: "0px",
             mediaSmall: "2px"

package/dist/counter.css-mistica.js

@@ -43,4 +43,4 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                     */ /* empty css                                   */ var n = "v16_70_rijsns0", s = "v16_70_rijsns1", r = "v16_70_rijsns3 v16_70_rijsns2 v16_70_1y2v1nfsu v16_70_1y2v1nf83 v16_70_1y2v1nfq5 v16_70_1y2v1nft8", i = "v16_70_rijsns4", a = "v16_70_rijsns5 v16_70_1y2v1nfpy v16_70_1y2v1nfq4 v16_70_1y2v1nfqd", t = "v16_70_rijsns6", f = "v16_70_rijsns8 v16_70_rijsns7 v16_70_1y2v1nffw v16_70_1y2v1nfsm v16_70_1y2v1nfpz v16_70_1y2v1nfr2 v16_70_1y2v1nfri", y = "v16_70_rijsnsa v16_70_rijsns9 v16_70_1y2v1nfpz", j = "v16_70_rijsnsb v16_70_rijsnsa v16_70_rijsns9 v16_70_1y2v1nfpz", o = "v16_70_rijsnsc v16_70_rijsnsa v16_70_rijsns9 v16_70_1y2v1nfpz", u = "v16_70_rijsnse v16_70_rijsnsd v16_70_1y2v1nfr1 v16_70_1y2v1nfrh v16_70_1y2v1nfpz v16_70_1y2v1nfsu v16_70_1y2v1nfdi";
+/* empty css                                     */ /* empty css                                   */ var n = "v16_72_rijsns0", s = "v16_72_rijsns1", r = "v16_72_rijsns3 v16_72_rijsns2 v16_72_1y2v1nfsu v16_72_1y2v1nf83 v16_72_1y2v1nfq5 v16_72_1y2v1nft7", i = "v16_72_rijsns4", a = "v16_72_rijsns5 v16_72_1y2v1nfpy v16_72_1y2v1nfq4 v16_72_1y2v1nfqd", t = "v16_72_rijsns6", f = "v16_72_rijsns8 v16_72_rijsns7 v16_72_1y2v1nffw v16_72_1y2v1nfsm v16_72_1y2v1nfpz v16_72_1y2v1nfr2 v16_72_1y2v1nfri", y = "v16_72_rijsnsa v16_72_rijsns9 v16_72_1y2v1nfpz", j = "v16_72_rijsnsb v16_72_rijsnsa v16_72_rijsns9 v16_72_1y2v1nfpz", o = "v16_72_rijsnsc v16_72_rijsnsa v16_72_rijsns9 v16_72_1y2v1nfpz", u = "v16_72_rijsnse v16_72_rijsnsd v16_72_1y2v1nfr1 v16_72_1y2v1nfrh v16_72_1y2v1nfpz v16_72_1y2v1nfsu v16_72_1y2v1nfdi";

package/dist/counter.js

@@ -148,7 +148,9 @@ const L = 20, ce = (param)=>{
         className: (0, _classnames.default)(_countercssmistica.counter, {
             [_countercssmistica.disabled]: t
         })
-    }, (0, _dom.getPrefixedDataAttributes)(p, "Counter")), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "Counter"
+    }, p))), {
         style: {
             border: `1px solid ${(V === "brand" || V === "media" || V === "negative") && !k ? _skincontractcssmistica.vars.colors.backgroundContainer : _skincontractcssmistica.vars.colors.inputBorder}`
         },

package/dist/cover-hero.css-mistica.js

@@ -13,7 +13,7 @@ _export(exports, {
         return f;
     },
     get coverHero () {
-        return n;
+        return r;
     },
     get coverHeroContainer () {
         return i;
@@ -21,7 +21,7 @@ _export(exports, {
     get flexColumn () {
         return s;
     },
-    get hasSideExtra () {
+    get hasSideSlot () {
         return m;
     },
     get mainContent () {
@@ -36,19 +36,19 @@ _export(exports, {
     get minHeight () {
         return y;
     },
-    get sideExtra () {
+    get sideSlot () {
         return d;
     },
     get sixColumns () {
         return q;
     },
     get vars () {
-        return r;
+        return o;
     },
     get withAspectRatio () {
-        return o;
+        return n;
     }
 });
-/* empty css                                     */ /* empty css                                             */ /* empty css                                    */ /* empty css                                      */ var r = {
-    aspectRatio: "var(--v16_70_moeazi0)"
-}, n = "v16_70_moeazi2 v16_70_moeazi1 v16_70_1y2v1nfpy v16_70_1y2v1nfq4 v16_70_1y2v1nfqa v16_70_1y2v1nfqd v16_70_1y2v1nfqr v16_70_1y2v1nfte v16_70_1y2v1nfun", i = "v16_70_moeazi4 v16_70_moeazi3 v16_70_1y2v1nfpy v16_70_1y2v1nfq4 v16_70_1y2v1nfqr", o = "v16_70_moeazi5", y = "v16_70_moeazi6", m = "v16_70_moeazi7", f = "v16_70_moeazi9 v16_70_moeazi8 v16_70_1y2v1nfqj", t = "v16_70_moeazia v16_70_1y2v1nfpz v16_70_1y2v1nfv2 v16_70_1y2v1nfqr v16_70_1y2v1nfr8", z = "v16_70_moeazic v16_70_moeazib v16_70_1y2v1nfpz v16_70_1y2v1nfte v16_70_1y2v1nftt v16_70_1y2v1nfqr v16_70_1y2v1nfr8", p = "v16_70_moeazid v16_70_1y2v1nfpy", q = "v16_70_moeazie", d = "v16_70_moeazif v16_70_1y2v1nfpy", s = "v16_70_moeazig v16_70_1y2v1nfq4 v16_70_1y2v1nfqa";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                    */ /* empty css                                      */ var o = {
+    aspectRatio: "var(--v16_72_moeazi0)"
+}, r = "v16_72_moeazi2 v16_72_moeazi1 v16_72_1y2v1nfpy v16_72_1y2v1nfq4 v16_72_1y2v1nfqa v16_72_1y2v1nfqd v16_72_1y2v1nfqr v16_72_1y2v1nftd v16_72_1y2v1nfum", i = "v16_72_moeazi4 v16_72_moeazi3 v16_72_1y2v1nfpy v16_72_1y2v1nfq4 v16_72_1y2v1nfqr", n = "v16_72_moeazi5", y = "v16_72_moeazi6", m = "v16_72_moeazi7", f = "v16_72_moeazi9 v16_72_moeazi8 v16_72_1y2v1nfqj", t = "v16_72_moeazia v16_72_1y2v1nfpz v16_72_1y2v1nfv1 v16_72_1y2v1nfqr v16_72_1y2v1nfr8", z = "v16_72_moeazic v16_72_moeazib v16_72_1y2v1nfpz v16_72_1y2v1nftd v16_72_1y2v1nfts v16_72_1y2v1nfqr v16_72_1y2v1nfr8", p = "v16_72_moeazid v16_72_1y2v1nfpy", q = "v16_72_moeazie", d = "v16_72_moeazif v16_72_1y2v1nfpy", s = "v16_72_moeazig v16_72_1y2v1nfq4 v16_72_1y2v1nfqa";

package/dist/cover-hero.css.d.ts

@@ -5,11 +5,11 @@ export declare const coverHero: string;
 export declare const coverHeroContainer: string;
 export declare const withAspectRatio: string;
 export declare const minHeight: string;
-export declare const hasSideExtra: string;
+export declare const hasSideSlot: string;
 export declare const centered: string;
 export declare const mediaLayer: string;
 export declare const mediaOverlay: string;
 export declare const mainContent: string;
 export declare const sixColumns: string;
-export declare const sideExtra: string;
+export declare const sideSlot: string;
 export declare const flexColumn: string;

package/dist/cover-hero.d.ts

@@ -17,8 +17,8 @@ type BaseProps = {
     titleAs?: HeadingType;
     description?: string;
     descriptionLinesMax?: number;
-    extra?: React.ReactNode;
-    sideExtra?: React.ReactNode;
+    slot?: React.ReactNode;
+    sideSlot?: React.ReactNode;
     button?: RendersNullableElement<typeof ButtonPrimary>;
     secondaryButton?: RendersNullableElement<typeof ButtonSecondary>;
     buttonLink?: RendersNullableElement<typeof ButtonLink>;

package/dist/cover-hero.js

@@ -156,7 +156,7 @@ const dt = (e)=>!e || e === "auto" ? 0 : typeof e == "number" ? e : ({
         "7:10": 7 / 10,
         "4:3": 9 / 10
     })[e], Nt = /*#__PURE__*/ _react.forwardRef((_param, I)=>{
-    var { headline: e, pretitle: p, pretitleLinesMax: V, pretitleAs: h, title: d, titleLinesMax: j, titleAs: f = "h1", description: b, descriptionLinesMax: z, extra: g, sideExtra: a, button: G, secondaryButton: L, buttonLink: M, minHeight: R, aspectRatio: c = "auto", variant: v, centered: i, noPaddingY: k, dataAttributes: D, "aria-label": F } = _param, l = _object_without_properties(_param, [
+    var { headline: e, pretitle: p, pretitleLinesMax: V, pretitleAs: h, title: d, titleLinesMax: j, titleAs: f = "h1", description: b, descriptionLinesMax: z, slot: g, sideSlot: a, button: G, secondaryButton: L, buttonLink: M, minHeight: R, aspectRatio: c = "auto", variant: v, centered: i, noPaddingY: x, dataAttributes: D, "aria-label": F } = _param, s = _object_without_properties(_param, [
         "headline",
         "pretitle",
         "pretitleLinesMax",
@@ -166,8 +166,8 @@ const dt = (e)=>!e || e === "auto" ? 0 : typeof e == "number" ? e : ({
         "titleAs",
         "description",
         "descriptionLinesMax",
-        "extra",
-        "sideExtra",
+        "slot",
+        "sideSlot",
         "button",
         "secondaryButton",
         "buttonLink",
@@ -179,13 +179,13 @@ const dt = (e)=>!e || e === "auto" ? 0 : typeof e == "number" ? e : ({
         "dataAttributes",
         "aria-label"
     ]);
-    const n = l.backgroundVideo || l.backgroundImage, q = n ? "none" : l.background || ({
+    const n = s.backgroundVideo || s.backgroundImage, q = n ? "none" : s.background || ({
         default: _skincontractcssmistica.vars.colors.background,
         brand: _skincontractcssmistica.vars.colors.backgroundBrand,
         negative: _skincontractcssmistica.vars.colors.backgroundNegative,
         alternative: _skincontractcssmistica.vars.colors.backgroundAlternative,
         media: "none"
-    })[(0, _themevariantcontext.normalizeVariant)(v !== null && v !== void 0 ? v : "default")], m = n ? "0 0 15px rgba(0, 0, 0, 0.4)" : void 0, s = p ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+    })[(0, _themevariantcontext.normalizeVariant)(v !== null && v !== void 0 ? v : "default")], m = n ? "0 0 15px rgba(0, 0, 0, 0.4)" : void 0, l = p ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
         regular: !0,
         as: h,
         truncate: V,
@@ -194,7 +194,7 @@ const dt = (e)=>!e || e === "auto" ? 0 : typeof e == "number" ? e : ({
             testid: "pretitle"
         },
         children: p
-    }) : void 0, x = d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
+    }) : void 0, k = d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
         as: f,
         truncate: j,
         textShadow: m,
@@ -227,28 +227,28 @@ const dt = (e)=>!e || e === "auto" ? 0 : typeof e == "number" ? e : ({
                         className: _coverherocssmistica.flexColumn,
                         children: (0, _headings.isBiggerHeading)(f, h) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                             children: [
-                                x,
+                                k,
                                 C,
-                                s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                     className: _coverherocssmistica.sixColumns,
                                     style: {
                                         paddingBottom: d ? 8 : 0,
                                         order: -1
                                     },
-                                    children: s
+                                    children: l
                                 })
                             ]
                         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                             children: [
-                                s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                     className: _coverherocssmistica.sixColumns,
                                     style: {
                                         paddingBottom: d ? 8 : 0
                                     },
-                                    children: s
+                                    children: l
                                 }),
                                 C,
-                                x
+                                k
                             ]
                         })
                     }),
@@ -274,11 +274,13 @@ const dt = (e)=>!e || e === "auto" ? 0 : typeof e == "number" ? e : ({
             })
         ]
     }), B = c && c !== "auto";
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(D, "CoverHero")), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "CoverHero"
+    }, D))), {
         "aria-label": F,
         ref: I,
         className: (0, _classnames.default)(_coverherocssmistica.coverHeroContainer, {
-            [_coverherocssmistica.minHeight]: !k,
+            [_coverherocssmistica.minHeight]: !x,
             [_coverherocssmistica.withAspectRatio]: B
         }),
         style: _object_spread({
@@ -292,14 +294,14 @@ const dt = (e)=>!e || e === "auto" ? 0 : typeof e == "number" ? e : ({
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: (0, _classnames.default)(_coverherocssmistica.coverHero, {
                 [_coverherocssmistica.centered]: i,
-                [_coverherocssmistica.hasSideExtra]: a
+                [_coverherocssmistica.hasSideSlot]: a
             }),
             children: [
-                n ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_coverheromedia.CoverHeroMedia, _object_spread({}, l)) : null,
+                n ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_coverheromedia.CoverHeroMedia, _object_spread({}, s)) : null,
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                     variant: n ? "media" : v,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        paddingY: k ? 0 : {
+                        paddingY: x ? 0 : {
                             desktop: 56,
                             tablet: 56,
                             mobile: 24
@@ -315,7 +317,7 @@ const dt = (e)=>!e || e === "auto" ? 0 : typeof e == "number" ? e : ({
                                     collapseBreakpoint: "mobile",
                                     left: y,
                                     right: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                        className: _coverherocssmistica.sideExtra,
+                                        className: _coverherocssmistica.sideSlot,
                                         "data-testid": "sideSlot",
                                         children: a
                                     })

package/dist/credit-card-expiration-field.js

@@ -146,8 +146,8 @@ const K = (_param)=>{
         let e = "";
         return [
             ...r
-        ].forEach((x)=>{
-            e = (e + x).replace(/[^0-9]/g, "").replace(/^([2-9])$/g, "0$1").replace(/^(1{1})([3-9]{1})$/g, "0$1/$2").replace(/^0{1,}/g, "0").replace(/^([0-1]{1}[0-9]{1})([0-9]{1,2}).*/g, "$1/$2");
+        ].forEach((h)=>{
+            e = (e + h).replace(/[^0-9]/g, "").replace(/^([2-9])$/g, "0$1").replace(/^(1{1})([3-9]{1})$/g, "0$1/$2").replace(/^0{1,}/g, "0").replace(/^([0-1]{1}[0-9]{1})([0-9]{1,2}).*/g, "$1/$2");
         }), e.length === 2 ? e + "/" : e;
     }, g = (r)=>{
         s.current = r.key;
@@ -167,7 +167,7 @@ const K = (_param)=>{
         ref: d
     }));
 }, G = (_param)=>{
-    var { disabled: d, error: u, helperText: l, name: i, label: m, optional: f, validate: s, validateOnBlurInsideForm: c, onChange: g, onChangeValue: r, onBlur: e, value: x, autoComplete: T = "cc-exp", defaultValue: I, dataAttributes: M } = _param, P = _object_without_properties(_param, [
+    var { disabled: d, error: u, helperText: l, name: i, label: m, optional: f, validate: s, validateOnBlurInsideForm: c, onChange: g, onChangeValue: r, onBlur: e, value: h, autoComplete: T = "cc-exp", defaultValue: I, dataAttributes: M } = _param, P = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -184,11 +184,11 @@ const K = (_param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: h, t: C } = (0, _hooks.useTheme)(), { setFormError: Y, jumpToNext: k } = (0, _formcontext.useForm)(), v = (t, n)=>{
+    const { texts: x, t: C } = (0, _hooks.useTheme)(), { setFormError: Y, jumpToNext: k } = (0, _formcontext.useForm)(), v = (t, n)=>{
         const { month: a, year: o } = t;
-        if (!a || !o) return h.formCreditCardExpirationError || C(_texttokens.formCreditCardExpirationError);
+        if (!a || !o) return x.formCreditCardExpirationError || C(_texttokens.formCreditCardExpirationError);
         const p = /* @__PURE__ */ new Date(), R = p.getMonth() + 1, F = p.getFullYear();
-        return o < F ? h.formCreditCardExpirationError || C(_texttokens.formCreditCardExpirationError) : o === F && a < R ? h.formCreditCardExpirationError || C(_texttokens.formCreditCardExpirationError) : s === null || s === void 0 ? void 0 : s(t, n);
+        return o < F ? x.formCreditCardExpirationError || C(_texttokens.formCreditCardExpirationError) : o === F && a < R ? x.formCreditCardExpirationError || C(_texttokens.formCreditCardExpirationError) : s === null || s === void 0 ? void 0 : s(t, n);
     }, y = (t)=>{
         const [n, a] = String(t).split("/").map((p)=>parseInt(p)), o = Number.isInteger(a) ? 2e3 + a : null;
         return {
@@ -199,7 +199,7 @@ const K = (_param)=>{
     }, D = (0, _formcontext.useFieldProps)({
         name: i,
         label: m,
-        value: x,
+        value: h,
         defaultValue: I,
         processValue: y,
         helperText: l,
@@ -227,7 +227,6 @@ const K = (_param)=>{
         autoComplete: T,
         inputComponent: K,
         dataAttributes: _object_spread({
-            "component-name": "CreditCardExpirationField",
             testid: "CreditCardExpirationField"
         }, M)
     }));

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

@@ -22,7 +22,7 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                                    */ var y = "v16_70_yvyo3q0", q = "v16_70_yvyo3q4 v16_70_yvyo3q2 v16_70_yvyo3q1 v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd v16_70_1y2v1nfr8 v16_70_yvyo3q3 v16_70_1y2v1nfpz", o = "v16_70_yvyo3q5 v16_70_yvyo3q2 v16_70_yvyo3q1 v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd v16_70_1y2v1nfr8", f = {
-    default: "v16_70_yvyo3qa v16_70_yvyo3q7 v16_70_yvyo3q6 v16_70_1y2v1nfpy v16_70_yvyo3q8",
-    backface: "v16_70_yvyo3qb v16_70_yvyo3q7 v16_70_yvyo3q6 v16_70_1y2v1nfpy v16_70_yvyo3q9"
+/* empty css                                     */ /* empty css                                                    */ var y = "v16_72_yvyo3q0", q = "v16_72_yvyo3q4 v16_72_yvyo3q2 v16_72_yvyo3q1 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nfr8 v16_72_yvyo3q3 v16_72_1y2v1nfpz", o = "v16_72_yvyo3q5 v16_72_yvyo3q2 v16_72_yvyo3q1 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nfr8", f = {
+    default: "v16_72_yvyo3qa v16_72_yvyo3q7 v16_72_yvyo3q6 v16_72_1y2v1nfpy v16_72_yvyo3q8",
+    backface: "v16_72_yvyo3qb v16_72_yvyo3q7 v16_72_yvyo3q6 v16_72_1y2v1nfpy v16_72_yvyo3q9"
 };

package/dist/credit-card-number-field.js

@@ -157,14 +157,14 @@ const er = (r)=>{
     var _t_match_join;
     return (_t_match_join = (_t_match = t.match(/.{1,4}/g)) === null || _t_match === void 0 ? void 0 : _t_match.join(" ")) !== null && _t_match_join !== void 0 ? _t_match_join : t;
 }, tr = (_param)=>{
-    var { inputRef: r, value: t, defaultValue: o, onChange: e } = _param, m = _object_without_properties(_param, [
+    var { inputRef: r, value: t, defaultValue: o, onChange: e } = _param, c = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "onChange"
     ]);
-    const [g, C] = _react.useState(o !== null && o !== void 0 ? o : ""), c = _react.useRef(null), f = typeof t < "u", h = f ? t : g, N = _react.useCallback((u)=>{
-        f || C(u), c.current && (e === null || e === void 0 ? void 0 : e((0, _dom.createChangeEvent)(c.current, u)));
+    const [g, C] = _react.useState(o !== null && o !== void 0 ? o : ""), m = _react.useRef(null), f = typeof t < "u", h = f ? t : g, N = _react.useCallback((u)=>{
+        f || C(u), m.current && (e === null || e === void 0 ? void 0 : e((0, _dom.createChangeEvent)(m.current, u)));
     }, [
         f,
         e
@@ -174,13 +174,13 @@ const er = (r)=>{
         onChange: N,
         accept: /[\d]+/g
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, m), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, c), {
         type: "text",
         inputMode: "decimal",
         maxLength: (0, _creditcard.getCreditCardNumberLength)(s.value) + 3,
         onChange: s.onChange,
         value: s.value,
-        ref: (0, _common.combineRefs)(r, c)
+        ref: (0, _common.combineRefs)(r, m)
     }));
 }, ir = (r)=>(0, _creditcard.isVisa)(r) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconvisa.default, {
         size: _iconbuttoncssmistica.iconSize.small
@@ -217,9 +217,9 @@ const er = (r)=>{
     }) : r;
 }, ar = (param)=>{
     let { value: r } = param;
-    const [{ showBackface: t, animationTarget: o, isAnimating: e }, m] = _react.useReducer(or, nr);
+    const [{ showBackface: t, animationTarget: o, isAnimating: e }, c] = _react.useReducer(or, nr);
     return _react.useEffect(()=>{
-        m({
+        c({
             type: "INPUT",
             value: r
         });
@@ -229,7 +229,7 @@ const er = (r)=>{
         className: _creditcardnumberfieldcssmistica.flip,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _creditcardnumberfieldcssmistica.variants[t ? "backface" : "default"],
-            onTransitionEnd: ()=>e && m({
+            onTransitionEnd: ()=>e && c({
                     type: "TRANSITION_END"
                 }),
             children: [
@@ -248,11 +248,11 @@ const er = (r)=>{
         })
     });
 }, Ir = (_param)=>{
-    var { disabled: r, error: t, helperText: o, name: e, label: m, optional: g, validate: C, validateOnBlurInsideForm: c, onChange: f, onChangeValue: h, onBlur: N, acceptedCards: s = {
+    var { disabled: r, error: t, helperText: o, name: e, label: c, optional: g, validate: C, validateOnBlurInsideForm: m, onChange: f, onChangeValue: h, onBlur: N, acceptedCards: s = {
         americanExpress: !0,
         visa: !0,
         masterCard: !0
-    }, value: u, autoComplete: w = "cc-number", defaultValue: R, dataAttributes: z } = _param, F = _object_without_properties(_param, [
+    }, value: u, autoComplete: w = "cc-number", defaultValue: R, dataAttributes: z } = _param, S = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -270,12 +270,12 @@ const er = (r)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: S, t: P } = (0, _hooks.useTheme)(), { jumpToNext: j, rawValues: y, setFormError: M } = (0, _formcontext.useForm)(), I = (i, p)=>{
-        const a = S.formCreditCardNumberError || P(_texttokens.formCreditCardNumberError);
+    const { texts: F, t: P } = (0, _hooks.useTheme)(), { jumpToNext: j, rawValues: y, setFormError: M } = (0, _formcontext.useForm)(), I = (i, p)=>{
+        const a = F.formCreditCardNumberError || P(_texttokens.formCreditCardNumberError);
         return (0, _creditcard.isAmericanExpress)(i) && !s.americanExpress || (0, _creditcard.isVisa)(i) && !s.visa || (0, _creditcard.isMasterCard)(i) && !s.masterCard || !(0, _creditcard.isValidCreditCardNumber)(i) || (0, _creditcard.getCreditCardNumberLength)(i) !== (i === null || i === void 0 ? void 0 : i.length) ? a : C === null || C === void 0 ? void 0 : C(i, p);
     }, E = (i)=>i.replace(/\s/g, ""), k = (0, _formcontext.useFieldProps)({
         name: e,
-        label: m,
+        label: c,
         value: u,
         defaultValue: R,
         processValue: E,
@@ -285,12 +285,12 @@ const er = (r)=>{
         disabled: r,
         onBlur: N,
         validate: I,
-        validateOnBlurInsideForm: c,
+        validateOnBlurInsideForm: m,
         onChange: f,
         onChangeValue: h
     });
     var _ref;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, F, k), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, S, k), {
         onChange: (i)=>{
             k.onChange(i);
             const p = i.currentTarget.value, a = E(p);
@@ -308,7 +308,6 @@ const er = (r)=>{
             value: (_ref = u !== null && u !== void 0 ? u : y[e]) !== null && _ref !== void 0 ? _ref : ""
         }),
         dataAttributes: _object_spread({
-            "component-name": "CreditCardNumberField",
             testid: "CreditCardNumberField"
         }, z)
     }));

package/dist/cvv-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Br;
+        return Fr;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -154,9 +154,9 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const nr = (param)=>{
+const sr = (param)=>{
     let { acceptedCards: m } = param;
-    const { texts: t, t: i } = (0, _hooks.useTheme)();
+    const { texts: e, t: i } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             padding: 8,
@@ -172,7 +172,7 @@ const nr = (param)=>{
                                 role: "img"
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
-                                children: t.formCreditCardCvvTooltipVisaMc || i(_texttokens.formCreditCardCvvTooltipVisaMc)
+                                children: e.formCreditCardCvvTooltipVisaMc || i(_texttokens.formCreditCardCvvTooltipVisaMc)
                             })
                         ]
                     }),
@@ -186,7 +186,7 @@ const nr = (param)=>{
                                 role: "img"
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
-                                children: t.formCreditCardCvvTooltipAmex || i(_texttokens.formCreditCardCvvTooltipAmex)
+                                children: e.formCreditCardCvvTooltipAmex || i(_texttokens.formCreditCardCvvTooltipAmex)
                             })
                         ]
                     })
@@ -194,8 +194,8 @@ const nr = (param)=>{
             })
         })
     });
-}, Br = (_param)=>{
-    var { disabled: m, error: t, helperText: i, name: a, label: F, optional: M, validate: B, validateOnBlurInsideForm: z, onChange: A, onChangeValue: E, onBlur: j, acceptedCards: y = {
+}, Fr = (_param)=>{
+    var { disabled: m, error: e, helperText: i, name: a, label: M, optional: B, validate: F, validateOnBlurInsideForm: z, onChange: A, onChangeValue: E, onBlur: j, acceptedCards: y = {
         americanExpress: !0,
         visa: !0,
         masterCard: !0
@@ -218,29 +218,29 @@ const nr = (param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: c, t: p } = (0, _hooks.useTheme)(), { setFormError: w, jumpToNext: R } = (0, _formcontext.useForm)(), [d, v] = _react.useState(!1), f = (o, n)=>o.length !== l ? c.formCreditCardCvvError || p(_texttokens.formCreditCardCvvError) : B === null || B === void 0 ? void 0 : B(o, n), u = (o)=>o, h = (0, _formcontext.useFieldProps)({
+    const { texts: c, t: p } = (0, _hooks.useTheme)(), { setFormError: w, jumpToNext: R } = (0, _formcontext.useForm)(), [d, f] = _react.useState(!1), v = (o, s)=>o.length !== l ? c.formCreditCardCvvError || p(_texttokens.formCreditCardCvvError) : F === null || F === void 0 ? void 0 : F(o, s), u = (o)=>o, h = (0, _formcontext.useFieldProps)({
         name: a,
-        label: F,
+        label: M,
         value: O,
         defaultValue: S,
         processValue: u,
         helperText: i,
-        optional: M,
-        error: t,
+        optional: B,
+        error: e,
         disabled: m,
         onBlur: j,
-        validate: f,
+        validate: v,
         validateOnBlurInsideForm: z,
         onChange: A,
         onChangeValue: E
-    }), e = (0, _css.pxToRem)(16);
+    }), t = (0, _css.pxToRem)(16);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, b, h), {
         maxLength: l,
         onChange: (o)=>{
             h.onChange(o);
-            const n = o.currentTarget.value, g = u(n);
+            const s = o.currentTarget.value, g = u(s);
             if (g.length === l) {
-                const T = f(g, n);
+                const T = v(g, s);
                 T ? w({
                     name: a,
                     error: T
@@ -250,14 +250,14 @@ const nr = (param)=>{
         endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_popover.default, {
             position: "top",
             open: d,
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(nr, {
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(sr, {
                 acceptedCards: y
             }),
-            onClose: ()=>v(!1),
+            onClose: ()=>f(!1),
             target: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
-                    width: e,
-                    height: e
+                    width: t,
+                    height: t
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                     style: {
@@ -267,13 +267,13 @@ const nr = (param)=>{
                         width: _textfieldbasecssmistica.iconButtonSize,
                         height: _textfieldbasecssmistica.iconButtonSize,
                         position: "relative",
-                        left: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${e}) / 2)`,
-                        top: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${e}) / 2)`
+                        left: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${t}) / 2)`,
+                        top: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${t}) / 2)`
                     },
-                    onPress: ()=>v(!d),
+                    onPress: ()=>f(!d),
                     "aria-label": d ? c.formCreditCardCvvTooltipVisaMcButtonClose || p(_texttokens.formCreditCardCvvTooltipVisaMcButtonClose) : c.formCreditCardCvvTooltipVisaMcButtonOpen || p(_texttokens.formCreditCardCvvTooltipVisaMcButtonOpen),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconinformationregular.default, {
-                        size: e,
+                        size: t,
                         color: _skincontractcssmistica.vars.colors.neutralMedium
                     })
                 })
@@ -282,7 +282,6 @@ const nr = (param)=>{
         autoComplete: P,
         inputComponent: _integerfield.IntegerInput,
         dataAttributes: _object_spread({
-            "component-name": "CvvField",
             testid: "CvvField"
         }, $)
     }));

package/dist/date-field.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "iconContainer", {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                      */ var p = "v16_70_1pntndu0";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                      */ var p = "v16_72_1pntndu0";