@telefonica/mistica 17.8.0 → 17.10.0

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

@@ -1,2 +1,2 @@
-/* empty css                                            */ var e = "v17_8_c0yqjy0";
+/* empty css                                            */ var e = "v17_10_c0yqjy0";
 export { e as reactDatePicker };

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

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v17_8_3dl29l3 v17_8_3dl29l2 v17_8_1y2v1nfr8", y = "v17_8_3dl29l5 v17_8_3dl29l4 v17_8_1y2v1nfra v17_8_1y2v1nfre v17_8_1y2v1nfrn v17_8_1y2v1nfrt v17_8_1y2v1nfrk v17_8_1y2v1nfuo v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nfv3 v17_8_1y2v1nf9c", f = "v17_8_3dl29l6", d = "v17_8_3dl29l8 v17_8_3dl29l7 v17_8_1y2v1nfhm v17_8_1y2v1nfiv v17_8_1y2v1nfk4 v17_8_1y2v1nfld v17_8_1y2v1nfr9 v17_8_1y2v1nfuo v17_8_1y2v1nfvi", r = "v17_8_3dl29la v17_8_3dl29l9 v17_8_1y2v1nf8l v17_8_1y2v1nfu6", a = "v17_8_3dl29lb", o = {
-    dialog: "v17_8_3dl29lg v17_8_3dl29ld v17_8_3dl29lc v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfrq v17_8_3dl29le v17_8_1y2v1nfka v17_8_1y2v1nflj v17_8_1y2v1nfhy v17_8_1y2v1nfj1",
-    default: "v17_8_3dl29lh v17_8_3dl29ld v17_8_3dl29lc v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfrq v17_8_3dl29lf v17_8_1y2v1nfhs v17_8_1y2v1nfj1 v17_8_1y2v1nfka v17_8_1y2v1nflj"
-}, t = "v17_8_3dl29lj v17_8_3dl29li v17_8_1y2v1nfs0 v17_8_1y2v1nfte", e = "v17_8_3dl29ll v17_8_3dl29lk v17_8_1y2v1nfhs", i = "v17_8_3dl29lm";
-export { l as ANIMATION_DURATION_MS, a as closedModalContent, f as closedOpactityLayer, e as dialogActions, t as dialogContent, i as iconContainer, d as modalCloseButtonContainer, r as modalContent, y as modalOpacityLayer, o as variants, n as wrapper };
+/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v17_10_3dl29l3 v17_10_3dl29l2 v17_10_1y2v1nfrs", y = "v17_10_3dl29l5 v17_10_3dl29l4 v17_10_1y2v1nfru v17_10_1y2v1nfry v17_10_1y2v1nfs7 v17_10_1y2v1nfsd v17_10_1y2v1nfs4 v17_10_1y2v1nfv8 v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nfvn v17_10_1y2v1nf9m", f = "v17_10_3dl29l6", d = "v17_10_3dl29l8 v17_10_3dl29l7 v17_10_1y2v1nfi6 v17_10_1y2v1nfjf v17_10_1y2v1nfko v17_10_1y2v1nflx v17_10_1y2v1nfrt v17_10_1y2v1nfv8 v17_10_1y2v1nfw2", a = "v17_10_3dl29la v17_10_3dl29l9 v17_10_1y2v1nf8v v17_10_1y2v1nfuq", r = "v17_10_3dl29lb", o = {
+    dialog: "v17_10_3dl29lg v17_10_3dl29ld v17_10_3dl29lc v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsa v17_10_3dl29le v17_10_1y2v1nfku v17_10_1y2v1nfm3 v17_10_1y2v1nfii v17_10_1y2v1nfjl",
+    default: "v17_10_3dl29lh v17_10_3dl29ld v17_10_3dl29lc v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsa v17_10_3dl29lf v17_10_1y2v1nfic v17_10_1y2v1nfjl v17_10_1y2v1nfku v17_10_1y2v1nfm3"
+}, t = "v17_10_3dl29lj v17_10_3dl29li v17_10_1y2v1nfsk v17_10_1y2v1nfty", i = "v17_10_3dl29ll v17_10_3dl29lk v17_10_1y2v1nfic", e = "v17_10_3dl29lm";
+export { l as ANIMATION_DURATION_MS, r as closedModalContent, f as closedOpactityLayer, i as dialogActions, t as dialogContent, e as iconContainer, d as modalCloseButtonContainer, a as modalContent, y as modalOpacityLayer, o as variants, n as wrapper };

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

@@ -1,8 +1,8 @@
 /* empty css                                   */ var t = {
-    default: "v17_8_o0dvt10",
-    alternative: "v17_8_o0dvt11",
-    brand: "v17_8_o0dvt12",
-    negative: "v17_8_o0dvt13",
-    media: "v17_8_o0dvt14"
+    default: "v17_10_o0dvt10",
+    alternative: "v17_10_o0dvt11",
+    brand: "v17_10_o0dvt12",
+    negative: "v17_10_o0dvt13",
+    media: "v17_10_o0dvt14"
 };
 export { t as variants };

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

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                        */ var i = {
-    default: "v17_8_skrulh1 v17_8_skrulh0 v17_8_1y2v1nfre v17_8_1y2v1nfrj v17_8_1y2v1nfs1",
-    fullWidth: "v17_8_skrulh2 v17_8_skrulh0 v17_8_1y2v1nfre v17_8_1y2v1nfrj v17_8_1y2v1nfs1"
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                        */ var t = {
+    default: "v17_10_skrulh1 v17_10_skrulh0 v17_10_1y2v1nfry v17_10_1y2v1nfs3 v17_10_1y2v1nfsl",
+    fullWidth: "v17_10_skrulh2 v17_10_skrulh0 v17_10_1y2v1nfry v17_10_1y2v1nfs3 v17_10_1y2v1nfsl"
 };
-export { i as variants };
+export { t as variants };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                  */ var n = 350, r = "v17_8_c4ngww1 v17_8_c4ngww0 v17_8_1y2v1nfra v17_8_1y2v1nfre v17_8_1y2v1nf8l v17_8_1y2v1nfuo v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nfui", w = "v17_8_c4ngww3 v17_8_c4ngww2 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfrz", a = "v17_8_c4ngww5 v17_8_c4ngww4 v17_8_1y2v1nfrw v17_8_1y2v1nfry", y = "v17_8_c4ngww7 v17_8_c4ngww6 v17_8_1y2v1nfrz v17_8_1y2v1nfun", c = "v17_8_c4ngww8", o = "v17_8_c4ngww9", f = "v17_8_c4ngwwb v17_8_c4ngwwa v17_8_1y2v1nfra v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nf9c", g = "v17_8_c4ngwwc", e = "v17_8_c4ngwwd", t = "v17_8_c4ngwwe v17_8_1y2v1nfr9 v17_8_1y2v1nfur v17_8_1y2v1nfvl", i = "v17_8_c4ngwwf", l = "v17_8_c4ngwwg", d = "v17_8_c4ngwwh";
-export { n as ANIMATION_DURATION_MS, l as bottomPadding, d as buttonsLayoutContainer, t as closeButtonContainer, o as closed, r as container, w as drawer, i as horizontalPadding, c as open, f as overlay, g as overlayClosed, e as overlayOpen, y as scrollableSection, a as titleContainer };
+/* empty css                                     */ /* empty css                                  */ var n = 350, w = "v17_10_c4ngww1 v17_10_c4ngww0 v17_10_1y2v1nfru v17_10_1y2v1nfry v17_10_1y2v1nf8v v17_10_1y2v1nfv8 v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nfv2", r = "v17_10_c4ngww3 v17_10_c4ngww2 v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsj", y = "v17_10_c4ngww5 v17_10_c4ngww4 v17_10_1y2v1nfsg v17_10_1y2v1nfsi", a = "v17_10_c4ngww7 v17_10_c4ngww6 v17_10_1y2v1nfsj v17_10_1y2v1nfv7", c = "v17_10_c4ngww8", f = "v17_10_c4ngww9", o = "v17_10_c4ngwwb v17_10_c4ngwwa v17_10_1y2v1nfru v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nf9m", g = "v17_10_c4ngwwc", t = "v17_10_c4ngwwd", e = "v17_10_c4ngwwe v17_10_1y2v1nfrt v17_10_1y2v1nfvb v17_10_1y2v1nfw5", i = "v17_10_c4ngwwf", l = "v17_10_c4ngwwg", s = "v17_10_c4ngwwh";
+export { n as ANIMATION_DURATION_MS, l as bottomPadding, s as buttonsLayoutContainer, e as closeButtonContainer, f as closed, w as container, r as drawer, i as horizontalPadding, c as open, o as overlay, g as overlayClosed, t as overlayOpen, a as scrollableSection, y as titleContainer };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                            */ var r = "v17_8_1azor6p0", a = "v17_8_1azor6p2 v17_8_1azor6p1 v17_8_1y2v1nfrg v17_8_1y2v1nfsv", o = "v17_8_1azor6p4 v17_8_1azor6p3 v17_8_1y2v1nfsd v17_8_1y2v1nfst";
+/* empty css                                     */ /* empty css                                            */ var r = "v17_10_1azor6p0", a = "v17_10_1azor6p2 v17_10_1azor6p1 v17_10_1y2v1nfs0 v17_10_1y2v1nftf", o = "v17_10_1azor6p4 v17_10_1azor6p3 v17_10_1y2v1nfsx v17_10_1y2v1nftd";
 export { o as assetContainer, r as container, a as image };

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

@@ -1,7 +1,7 @@
-/* empty css                                     */ /* empty css                                       */ var v = {
-    backgroundColor: "var(--v17_8_13fzrua0)"
-}, _ = "v17_8_13fzrua2 v17_8_13fzrua1 v17_8_1y2v1nfre v17_8_1y2v1nfh6", f = {
-    default: "v17_8_13fzrua3",
-    largeImage: "v17_8_13fzrua4"
-}, e = "v17_8_13fzrua5", n = "v17_8_13fzrua7 v17_8_13fzrua6 v17_8_1y2v1nfsi", u = "v17_8_13fzrua9 v17_8_13fzrua8 v17_8_1y2v1nfsf v17_8_1y2v1nfsv", z = "v17_8_13fzruab v17_8_13fzruaa v17_8_1y2v1nfrg", o = "v17_8_13fzruac v17_8_1y2v1nftv", t = "v17_8_13fzruad";
-export { u as assetContainer, o as border, t as borderOverBrand, _ as container, f as contentVariants, n as largeImage, e as largeImageContainer, z as smallImage, v as vars };
+/* empty css                                     */ /* empty css                                       */ var _ = {
+    backgroundColor: "var(--v17_10_13fzrua0)"
+}, v = "v17_10_13fzrua2 v17_10_13fzrua1 v17_10_1y2v1nfry v17_10_1y2v1nfhq", f = {
+    default: "v17_10_13fzrua3",
+    largeImage: "v17_10_13fzrua4"
+}, n = "v17_10_13fzrua5", e = "v17_10_13fzrua7 v17_10_13fzrua6 v17_10_1y2v1nft2", u = "v17_10_13fzrua9 v17_10_13fzrua8 v17_10_1y2v1nfsz v17_10_1y2v1nftf", z = "v17_10_13fzruab v17_10_13fzruaa v17_10_1y2v1nfs0", t = "v17_10_13fzruac v17_10_1y2v1nfuf", o = "v17_10_13fzruad";
+export { u as assetContainer, t as border, o as borderOverBrand, v as container, f as contentVariants, e as largeImage, n as largeImageContainer, z as smallImage, _ as vars };

package/dist-es/fade-in.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                   */ var p = "v17_8_kq227n1";
+/* empty css                                   */ var p = "v17_10_kq227n1";
 export { p as wrapper };

package/dist-es/fade-out.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                    */ var p = "v17_8_1momtlt1";
+/* empty css                                    */ var p = "v17_10_1momtlt1";
 export { p as wrapper };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                    */ var v = "v17_8_gx6h6a0", e = "v17_8_gx6h6a1", r = "v17_8_gx6h6a2", n = "v17_8_gx6h6a4 v17_8_gx6h6a3 v17_8_1y2v1nfre v17_8_1y2v1nfsi v17_8_1y2v1nfs1 v17_8_1y2v1nfrk", t = "v17_8_gx6h6a5", x = "v17_8_gx6h6a6", g = "v17_8_gx6h6a7 v17_8_1y2v1nfsd v17_8_1y2v1nfst", h = "v17_8_gx6h6ab v17_8_gx6h6aa", o = "v17_8_gx6h6ac v17_8_gx6h6aa", s = "v17_8_gx6h6ad v17_8_gx6h6aa", d = "v17_8_gx6h6ae", i = "v17_8_gx6h6af", p = "v17_8_gx6h6ag";
-export { g as assetContainer, i as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, d as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, s as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, p as successFeedbackContainer };
+/* empty css                                     */ /* empty css                                    */ var v = "v17_10_gx6h6a0", e = "v17_10_gx6h6a1", r = "v17_10_gx6h6a2", n = "v17_10_gx6h6a4 v17_10_gx6h6a3 v17_10_1y2v1nfry v17_10_1y2v1nft2 v17_10_1y2v1nfsl v17_10_1y2v1nfs4", t = "v17_10_gx6h6a5", x = "v17_10_gx6h6a6", g = "v17_10_gx6h6a7 v17_10_1y2v1nfsx v17_10_1y2v1nftd", h = "v17_10_gx6h6ab v17_10_gx6h6aa", o = "v17_10_gx6h6ac v17_10_gx6h6aa", d = "v17_10_gx6h6ad v17_10_gx6h6aa", s = "v17_10_gx6h6ae", i = "v17_10_gx6h6af", p = "v17_10_gx6h6ag";
+export { g as assetContainer, i as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, s as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, d as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, p as successFeedbackContainer };

package/dist-es/feedback.js

@@ -78,121 +78,125 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import * as H from "react";
-import { useTheme as g, useScreenSize as A } from "./hooks.js";
-import K from "./button-fixed-footer-layout.js";
-import { VIVO_SKIN as C, VIVO_EVOLUTION_SKIN as O } from "./skins/constants.js";
-import { useSetOverscrollColor as M } from "./overscroll-color-context.js";
-import y from "./icons/icon-success.js";
+import { useTheme as g, useScreenSize as V } from "./hooks.js";
+import M from "./button-fixed-footer-layout.js";
+import { useSetOverscrollColor as $ } from "./overscroll-color-context.js";
+import G from "./icons/icon-success.js";
 import U from "./icons/icon-error.js";
-import $ from "./icons/icon-info.js";
-import { isWebViewBridgeAvailable as G, requestVibration as X } from "@tef-novum/webview-bridge";
-import { isRunningAcceptanceTest as J } from "./utils/platform.js";
-import { Text2 as P, Text6 as Q, Text3 as Y } from "./text.js";
-import z from "./box.js";
-import { InternalBoxed as Z } from "./boxed.js";
-import x, { ResetResponsiveLayout as ee } from "./responsive-layout.js";
-import u from "./stack.js";
-import m from "classnames";
-import re from "./button-group.js";
+import X from "./icons/icon-info.js";
+import { isWebViewBridgeAvailable as _, requestVibration as J } from "@tef-novum/webview-bridge";
+import { isRunningAcceptanceTest as K } from "./utils/platform.js";
+import { Text2 as Q, Text as T, getTextSizesWithWeight as A } from "./text.js";
+import y from "./box.js";
+import { InternalBoxed as Y } from "./boxed.js";
+import C, { ResetResponsiveLayout as Z } from "./responsive-layout.js";
+import p from "./stack.js";
+import b from "classnames";
+import ee from "./button-group.js";
 import { vars as i } from "./skins/skin-contract.css-mistica.js";
-import { container as te, innerContainer as oe, innerContainerWithButtons as se, assetContainer as ae, feedbackTextAppearFast as ce, feedbackTextAppearMedium as T, feedbackTextAppearSlow as ie, feedbackData as ne, desktopContainer as de, desktopContent as le, desktopImage as me, backgroundBrand as ue, successFeedbackContainer as be } from "./feedback.css-mistica.js";
-import R from "./icons/icon-success-vivo-new.js";
-const D = (r)=>!J(r), E = (param)=>{
-    let { primaryButton: r, secondaryButton: t } = param;
-    return !!r || !!t;
-}, V = (r)=>{
-    G() && X(r).catch(()=>{});
-}, L = (r)=>{
+import { container as te, innerContainer as re, innerContainerWithButtons as se, assetContainer as oe, feedbackTextAppearFast as ae, feedbackTextAppearMedium as I, feedbackTextAppearSlow as ce, feedbackData as ie, desktopContainer as ne, desktopContent as de, desktopImage as le, backgroundBrand as me, successFeedbackContainer as ue } from "./feedback.css-mistica.js";
+import { useThemeVariant as be, ThemeVariant as pe } from "./theme-variant-context.js";
+const z = (t)=>!K(t), O = (param)=>{
+    let { primaryButton: t, secondaryButton: r } = param;
+    return !!t || !!r;
+}, R = /* @__PURE__ */ e(G, {
+    size: "100%"
+}), N = (t)=>{
+    _() && J(t).catch(()=>{});
+}, D = (t)=>{
     H.useEffect(()=>{
-        let t;
-        return r === "success" && (t = setTimeout(()=>V("success"), 700)), r === "error" && (t = setTimeout(()=>V("error"), 1e3)), ()=>{
-            clearTimeout(t);
+        let r;
+        return t === "success" && (r = setTimeout(()=>N("success"), 700)), t === "error" && (r = setTimeout(()=>N("error"), 1e3)), ()=>{
+            clearTimeout(r);
         };
     }, [
-        r
+        t
     ]);
-}, _ = (param, a)=>{
-    let { asset: r, title: t, description: o, slot: s } = param;
-    const c = o && Array.isArray(o) ? /* @__PURE__ */ e(u, {
+}, W = (param, a, param1)=>{
+    let { asset: t, title: r, description: s, slot: o } = param, { feedbackScreenTitle: n, feedbackScreenDescription: l } = param1;
+    const c = s && Array.isArray(s) ? /* @__PURE__ */ e(p, {
         space: 16,
-        children: o.map((d, l)=>/* @__PURE__ */ e("p", {
-                children: d
-            }, l))
-    }) : o;
-    return /* @__PURE__ */ n(u, {
-        space: 24,
+        children: s.map((m, u)=>/* @__PURE__ */ e("p", {
+                children: m
+            }, u))
+    }) : s;
+    return /* @__PURE__ */ d(p, {
+        space: 40,
         children: [
             /* @__PURE__ */ e("div", {
-                className: ae,
+                className: oe,
                 "data-testid": "icon",
-                children: r
+                children: t
             }),
-            /* @__PURE__ */ n(u, {
+            /* @__PURE__ */ d(p, {
                 space: 16,
-                className: m(ne),
+                className: b(ie),
                 children: [
                     /* @__PURE__ */ e("div", {
-                        className: m(a && ce),
+                        className: b(a && ae),
                         "data-testid": "title",
-                        children: /* @__PURE__ */ e(Q, {
+                        children: /* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, A({
+                            textPreset: n
+                        })), {
                             as: "h1",
-                            children: t
-                        })
+                            children: r
+                        }))
                     }),
                     c && /* @__PURE__ */ e("div", {
-                        className: m(a && T),
+                        className: b(a && I),
                         "data-testid": "description",
-                        children: c && /* @__PURE__ */ e(Y, {
-                            regular: !0,
+                        children: c && /* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, A({
+                            textPreset: l
+                        })), {
                             color: i.colors.textSecondary,
                             children: c
-                        })
+                        }))
                     }),
-                    s && /* @__PURE__ */ e("div", {
-                        className: m(a && (c ? ie : T)),
+                    o && /* @__PURE__ */ e("div", {
+                        className: b(a && (c ? ce : I)),
                         "data-testid": "slot",
-                        children: s
+                        children: o
                     })
                 ]
             })
         ]
     });
-}, q = (r, t)=>{
-    const o = E(t);
-    return /* @__PURE__ */ n(u, {
+}, E = (t, r)=>{
+    const s = O(r);
+    return /* @__PURE__ */ d(p, {
         space: {
             desktop: 32,
             mobile: 24
         },
         children: [
-            r,
-            o && /* @__PURE__ */ e(re, _object_spread({}, t))
+            t,
+            s && /* @__PURE__ */ e(ee, _object_spread({}, r))
         ]
     });
-}, w = (param)=>{
-    let { isBrandVariant: r, body: t, imageFit: o, imageUrl: s, dataAttributes: a } = param;
-    return /* @__PURE__ */ e(Z, {
+}, P = (param)=>{
+    let { isBrandVariant: t, body: r, imageFit: s, imageUrl: o, dataAttributes: a } = param;
+    return /* @__PURE__ */ e(Y, {
         borderRadius: i.borderRadii.container,
         desktopOnly: !0,
-        variant: r ? "brand" : "default",
+        variant: t ? "brand" : "default",
         dataAttributes: a,
-        children: /* @__PURE__ */ n("div", {
-            className: de,
+        children: /* @__PURE__ */ d("div", {
+            className: ne,
             children: [
                 /* @__PURE__ */ e("div", {
-                    className: le,
-                    children: t
+                    className: de,
+                    children: r
                 }),
-                s && /* @__PURE__ */ e("div", {
-                    className: me,
+                o && /* @__PURE__ */ e("div", {
+                    className: le,
                     "data-testid": "image",
                     style: {
-                        backgroundImage: `url(${s})`,
-                        backgroundPosition: o === "fit" ? "bottom right" : "center right",
+                        backgroundImage: `url(${o})`,
+                        backgroundPosition: s === "fit" ? "bottom right" : "center right",
                         backgroundRepeat: "no-repeat",
-                        backgroundSize: o === "fit" ? "contain" : "cover",
+                        backgroundSize: s === "fit" ? "contain" : "cover",
                         flex: 1,
                         maxWidth: 600
                     }
@@ -200,99 +204,95 @@ const D = (r)=>!J(r), E = (param)=>{
             ]
         })
     });
-}, pe = ()=>(M({
+}, ke = ()=>($({
         topColor: i.colors.backgroundBrandTop,
         bottomColor: "transparent"
-    }), null), B = (param)=>{
-    let { title: r, description: t, slot: o, primaryButton: s, secondaryButton: a, link: c, hapticFeedback: d, asset: l, animateText: h = !1, variant: b = "default", unstable_inlineInDesktop: v, imageUrl: p, imageFit: I, dataAttributes: F } = param;
-    L(d);
-    const { platformOverrides: S, isDarkMode: k } = g(), { isTabletOrSmaller: W } = A(), j = E({
-        primaryButton: s,
+    }), null), x = (param)=>{
+    let { title: t, description: r, slot: s, primaryButton: o, secondaryButton: a, link: n, hapticFeedback: l, asset: c, animateText: m = !1, variant: u = "default", unstable_inlineInDesktop: k, imageUrl: v, imageFit: F, dataAttributes: S } = param;
+    D(l);
+    const { platformOverrides: f, isDarkMode: q, textPresets: L } = g(), { isTabletOrSmaller: j } = V(), w = O({
+        primaryButton: o,
         secondaryButton: a
-    }), N = _({
-        asset: l,
-        title: r,
-        description: t,
-        slot: o
-    }, h && D(S));
-    if (!W && v) return q(N, {
-        primaryButton: s,
+    }), B = W({
+        asset: c,
+        title: t,
+        description: r,
+        slot: s
+    }, m && z(f), L);
+    if (!j && k) return E(B, {
+        primaryButton: o,
         secondaryButton: a,
-        link: c
+        link: n
     });
-    const f = b === "brand";
+    const h = u === "brand";
     return /* @__PURE__ */ e("div", {
         style: {
             position: "relative"
         },
-        children: /* @__PURE__ */ n(x, {
+        children: /* @__PURE__ */ d(C, {
             children: [
-                f && /* @__PURE__ */ e(pe, {}),
-                /* @__PURE__ */ e(z, {
+                h && /* @__PURE__ */ e(ke, {}),
+                /* @__PURE__ */ e(y, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: w({
-                        isBrandVariant: f,
+                    children: P({
+                        isBrandVariant: h,
                         body: // We need this reset because the ButtonFixedFooterLayout adds a ResponsiveLayout that
                         // doesn't expand when nested in mobile. This can cause double margin when footer is not fixed
-                        /* @__PURE__ */ e(ee, {
+                        /* @__PURE__ */ e(Z, {
                             skipDesktop: !0,
-                            children: /* @__PURE__ */ e(K, {
-                                isFooterVisible: j,
-                                button: s,
+                            children: /* @__PURE__ */ e(M, {
+                                isFooterVisible: w,
+                                button: o,
                                 secondaryButton: a,
-                                link: c,
-                                footerBgColor: f && !k ? i.colors.backgroundBrandBottom : void 0,
-                                containerBgColor: f ? i.colors.backgroundBrand : i.colors.background,
-                                children: /* @__PURE__ */ e(x, {
+                                link: n,
+                                footerBgColor: h && !q ? i.colors.backgroundBrandBottom : void 0,
+                                containerBgColor: h ? i.colors.backgroundBrand : i.colors.background,
+                                children: /* @__PURE__ */ e(C, {
                                     children: /* @__PURE__ */ e("div", {
                                         className: te,
                                         children: /* @__PURE__ */ e("div", {
-                                            className: m(oe, {
-                                                [se]: s || a || c
+                                            className: b(re, {
+                                                [se]: o || a || n
                                             }),
-                                            children: N
+                                            children: B
                                         })
                                     })
                                 })
                             })
                         }),
-                        imageFit: I,
-                        imageUrl: p,
-                        dataAttributes: F
+                        imageFit: F,
+                        imageUrl: v,
+                        dataAttributes: S
                     })
                 })
             ]
         })
     });
-}, Ee = (_param)=>{
-    var { dataAttributes: r } = _param, t = _object_without_properties(_param, [
+}, We = (_param)=>{
+    var { dataAttributes: t } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    const { isTabletOrSmaller: o } = A(), { skinName: s, themeVariants: a } = g();
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({}, t), {
-        variant: (a.successFeedback === "brand" || a.successFeedback === "inverse") && (!t.unstable_inlineInDesktop || o) ? "brand" : "default",
+    const { isTabletOrSmaller: s } = V(), { themeVariants: o } = g();
+    return /* @__PURE__ */ e(x, _object_spread_props(_object_spread({}, r), {
+        variant: (o.successFeedback === "brand" || o.successFeedback === "inverse") && (!r.unstable_inlineInDesktop || s) ? "brand" : "default",
         hapticFeedback: "success",
-        asset: s === C || s === O ? /* @__PURE__ */ e(R, {
-            size: "100%"
-        }) : /* @__PURE__ */ e(y, {
-            size: "100%"
-        }),
+        asset: R,
         animateText: !0,
-        imageUrl: t.imageUrl,
-        imageFit: t.imageFit,
+        imageUrl: r.imageUrl,
+        imageFit: r.imageFit,
         dataAttributes: _object_spread({
             testid: "SuccessFeedbackScreen"
-        }, r)
+        }, t)
     }));
-}, Le = (_param)=>{
-    var { errorReference: r, dataAttributes: t } = _param, o = _object_without_properties(_param, [
+}, Ee = (_param)=>{
+    var { errorReference: t, dataAttributes: r } = _param, s = _object_without_properties(_param, [
         "errorReference",
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ e(x, _object_spread_props(_object_spread({}, s), {
         hapticFeedback: "error",
         asset: /* @__PURE__ */ e(U, {
             size: "100%"
@@ -300,55 +300,55 @@ const D = (r)=>!J(r), E = (param)=>{
         animateText: !0,
         dataAttributes: _object_spread({
             testid: "ErrorFeedbackScreen"
-        }, t),
-        slot: /* @__PURE__ */ n(u, {
+        }, r),
+        slot: /* @__PURE__ */ d(p, {
             space: 16,
             children: [
-                o.slot,
-                r && /* @__PURE__ */ e(P, {
+                s.slot,
+                t && /* @__PURE__ */ e(Q, {
                     color: i.colors.textSecondary,
                     regular: !0,
-                    children: r
+                    children: t
                 })
             ]
         })
     }));
-}, _e = (_param)=>{
-    var { dataAttributes: r, Icon: t = $ } = _param, o = _object_without_properties(_param, [
+}, Pe = (_param)=>{
+    var { dataAttributes: t, Icon: r = X } = _param, s = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread({
+    const o = be();
+    return /* @__PURE__ */ e(x, _object_spread({
         dataAttributes: _object_spread({
             testid: "InfoFeedbackScreen"
-        }, r),
-        asset: /* @__PURE__ */ e(t, {
-            size: "100%",
-            color: i.colors.brand
+        }, t),
+        asset: /* @__PURE__ */ e(pe, {
+            variant: o,
+            children: /* @__PURE__ */ e(r, {
+                size: "100%",
+                color: i.colors.brand
+            })
         })
-    }, o));
+    }, s));
 }, qe = (param)=>{
-    let { title: r, description: t, slot: o, primaryButton: s, secondaryButton: a, link: c, imageUrl: d, imageFit: l, dataAttributes: h } = param;
-    L("success");
-    const { skinName: b, platformOverrides: v, themeVariants: p } = g(), F = _({
-        asset: b === C || b === O ? /* @__PURE__ */ e(R, {
-            size: "100%"
-        }) : /* @__PURE__ */ e(y, {
-            size: "100%"
-        }),
-        title: r,
-        description: t,
-        slot: o
-    }, D(v)), S = q(F, {
-        primaryButton: s,
+    let { title: t, description: r, slot: s, primaryButton: o, secondaryButton: a, link: n, imageUrl: l, imageFit: c, dataAttributes: m } = param;
+    D("success");
+    const { platformOverrides: u, themeVariants: k, textPresets: v } = g(), F = W({
+        asset: R,
+        title: t,
+        description: r,
+        slot: s
+    }, z(u), v), S = E(F, {
+        primaryButton: o,
         secondaryButton: a,
-        link: c
-    }), k = p.successFeedback === "inverse" || p.successFeedback === "brand";
-    return w({
-        isBrandVariant: k,
+        link: n
+    }), f = k.successFeedback === "inverse" || k.successFeedback === "brand";
+    return P({
+        isBrandVariant: f,
         body: /* @__PURE__ */ e("div", {
-            className: k ? ue : void 0,
-            children: /* @__PURE__ */ e(z, {
+            className: f ? me : void 0,
+            children: /* @__PURE__ */ e(y, {
                 paddingX: {
                     mobile: 16,
                     tablet: 24,
@@ -359,16 +359,16 @@ const D = (r)=>!J(r), E = (param)=>{
                     mobile: 48
                 },
                 children: /* @__PURE__ */ e("div", {
-                    className: be,
+                    className: ue,
                     children: S
                 })
             })
         }),
-        imageFit: l,
-        imageUrl: d,
+        imageFit: c,
+        imageUrl: l,
         dataAttributes: _object_spread({
             testid: "SuccessFeedback"
-        }, h)
+        }, m)
     });
 };
-export { Le as ErrorFeedbackScreen, B as FeedbackScreen, _e as InfoFeedbackScreen, qe as SuccessFeedback, Ee as SuccessFeedbackScreen };
+export { Ee as ErrorFeedbackScreen, x as FeedbackScreen, Pe as InfoFeedbackScreen, qe as SuccessFeedback, We as SuccessFeedbackScreen };

package/dist-es/file-upload.css-mistica.js

@@ -1,8 +1,8 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v17_8_1isvxjy0", n = "v17_8_1isvxjy9 v17_8_1isvxjy2 v17_8_1isvxjy1 v17_8_1y2v1nfka v17_8_1y2v1nflj v17_8_1y2v1nfhv v17_8_1y2v1nfj4 v17_8_1y2v1nfu6", y = {
-    default: "v17_8_1isvxjya",
-    alternative: "v17_8_1isvxjyb",
-    brand: "v17_8_1isvxjyc",
-    negative: "v17_8_1isvxjyd",
-    media: "v17_8_1isvxjye"
-}, t = "v17_8_1isvxjyf", s = "v17_8_1isvxjyh", j = "v17_8_1isvxjyi", o = "v17_8_1isvxjyk v17_8_1isvxjyj v17_8_1y2v1nfre v17_8_1y2v1nfrn";
-export { s as assetScaleActive, o as centeredButton, a as disabled, t as dropZoneActive, j as dropZoneButton, n as dropZoneContainerBase, y as dropZoneVariant };
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var y = "v17_10_1isvxjy0", a = "v17_10_1isvxjy9 v17_10_1isvxjy2 v17_10_1isvxjy1 v17_10_1y2v1nfku v17_10_1y2v1nfm3 v17_10_1y2v1nfif v17_10_1y2v1nfjo v17_10_1y2v1nfuq", n = {
+    default: "v17_10_1isvxjya",
+    alternative: "v17_10_1isvxjyb",
+    brand: "v17_10_1isvxjyc",
+    negative: "v17_10_1isvxjyd",
+    media: "v17_10_1isvxjye"
+}, t = "v17_10_1isvxjyf", s = "v17_10_1isvxjyh", o = "v17_10_1isvxjyi", j = "v17_10_1isvxjyk v17_10_1isvxjyj v17_10_1y2v1nfry v17_10_1y2v1nfs7";
+export { s as assetScaleActive, j as centeredButton, y as disabled, t as dropZoneActive, o as dropZoneButton, a as dropZoneContainerBase, n as dropZoneVariant };

package/dist-es/fixed-footer-layout.css-mistica.js

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                               */ var r = {
-    footerHeight: "var(--v17_8_p5j8j50)"
-}, j = "v17_8_p5j8j53 v17_8_p5j8j52 v17_8_1y2v1nfs1", a = "v17_8_p5j8j54", f = "v17_8_p5j8j55", n = "v17_8_p5j8j56 v17_8_1y2v1nfrd", o = "v17_8_p5j8j57", p = "v17_8_p5j8j59 v17_8_p5j8j58 v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nfra", y = "v17_8_p5j8j5b v17_8_p5j8j5a v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nfra", e = "v17_8_p5j8j5d v17_8_p5j8j5c v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfr9";
-export { e as absoluteBackgroundLayer, o as container, f as elevated, y as fixedBackgroundLayer, a as fixedFooter, j as footer, p as portal, r as vars, n as withoutFooter };
+    footerHeight: "var(--v17_10_p5j8j50)"
+}, j = "v17_10_p5j8j53 v17_10_p5j8j52 v17_10_1y2v1nfsl", n = "v17_10_p5j8j54", a = "v17_10_p5j8j55", f = "v17_10_p5j8j56 v17_10_1y2v1nfrx", o = "v17_10_p5j8j57", p = "v17_10_p5j8j59 v17_10_p5j8j58 v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nfru", y = "v17_10_p5j8j5b v17_10_p5j8j5a v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nfru", e = "v17_10_p5j8j5d v17_10_p5j8j5c v17_10_1y2v1nfvn v17_10_1y2v1nfw2 v17_10_1y2v1nfrt";
+export { e as absoluteBackgroundLayer, o as container, a as elevated, y as fixedBackgroundLayer, n as fixedFooter, j as footer, p as portal, r as vars, f as withoutFooter };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                */ var p = "v17_8_1dycpqb0 v17_8_1y2v1nfs1";
+/* empty css                                     */ /* empty css                                */ var p = "v17_10_1dycpqb0 v17_10_1y2v1nfsl";
 export { p as form };

package/dist-es/grid-layout.css-mistica.js

@@ -1,5 +1,5 @@
-/* empty css                                       */ var a = "v17_8_379jdb0", _ = "v17_8_379jdb1", r = "v17_8_379jdb2", d = "v17_8_379jdb4", e = "v17_8_379jdb5", l = "v17_8_379jdb7", o = {
-    colSpan: "var(--v17_8_379jdb6)",
-    verticalSpace: "var(--v17_8_379jdb3)"
+/* empty css                                       */ var a = "v17_10_379jdb0", _ = "v17_10_379jdb1", r = "v17_10_379jdb2", d = "v17_10_379jdb4", e = "v17_10_379jdb5", l = "v17_10_379jdb7", o = {
+    colSpan: "var(--v17_10_379jdb6)",
+    verticalSpace: "var(--v17_10_379jdb3)"
 };
 export { e as collapsedInTablet, r as desktopLargeColumn, _ as desktopMediumColumn, a as desktopSmallColumn, d as grid, l as span, o as vars };