@telefonica/mistica 16.26.0 → 16.27.0

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

@@ -1,10 +1,10 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "../icon-button.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var f = 216, n = "v16_26_1x00fru4 v16_26_1x00fru2 v16_26_1y2v1nfbc v16_26_1y2v1nfcl v16_26_1y2v1nfim v16_26_1y2v1nfiy v16_26_1y2v1nfa9", a = {
-    default: "v16_26_1x00fruk",
-    mobile: "v16_26_1x00frul"
-}, t = "v16_26_1x00frut", u = "v16_26_1x00fruo", i = "v16_26_1x00frup v16_26_1x00fruo", o = "v16_26_1x00fru8 v16_26_1x00fru2 v16_26_1y2v1nfbc v16_26_1y2v1nfcl v16_26_1y2v1nf8o v16_26_1y2v1nfa9", y = "v16_26_1y2v1nfig v16_26_1y2v1nfjq", x = "v16_26_1x00frud v16_26_1y2v1nfig v16_26_1y2v1nfim v16_26_1y2v1nfj8 v16_26_1y2v1nfis", e = "v16_26_1x00frui", c = "v16_26_1x00frua v16_26_1y2v1nf8u v16_26_1y2v1nfa9 v16_26_1y2v1nfj9", m = "v16_26_1x00frux", l = "v16_26_1x00frus v16_26_1y2v1nfim v16_26_1y2v1nfir", d = "v16_26_1y2v1nfj1 v16_26_1y2v1nfim v16_26_1y2v1nfcl", b = "v16_26_1y2v1nfim v16_26_1y2v1nfj8 v16_26_1y2v1nfj1 v16_26_1y2v1nfkv", g = "v16_26_1x00frum", p = "v16_26_1x00fruu", s = "v16_26_1x00frub", h = "v16_26_1x00fru2 v16_26_1y2v1nfbc v16_26_1y2v1nfcl", j = "v16_26_1x00fruw", C = "v16_26_1x00fru5", H = "v16_26_1x00fru6", I = {
-    topActionsCount: "var(--v16_26_1x00fruv)"
-}, k = "v16_26_1y2v1nf8u";
-export { f as MIN_HEIGHT, n as actions, a as actionsVariants, t as adjustButtonLink, u as button, i as buttonMobile, o as cardContentStyle, y as container, x as dataCard, e as divider, c as extra, m as flexColumn, l as footerDirection, d as footerImage, b as footerText, g as marginRightAuto, p as marginRightButton, s as minHeight, h as paddingX, j as topActionsWithoutIcon, C as touchable, H as touchableCardHoverOverlay, I as vars, k as withPaddingTop };
+var f = 216, n = "v16_27_1x00fru4 v16_27_1x00fru2 v16_27_1y2v1nfbg v16_27_1y2v1nfcp v16_27_1y2v1nfiq v16_27_1y2v1nfj2 v16_27_1y2v1nfad", a = {
+    default: "v16_27_1x00fruk",
+    mobile: "v16_27_1x00frul"
+}, t = "v16_27_1x00frut", u = "v16_27_1x00fruo", i = "v16_27_1x00frup v16_27_1x00fruo", o = "v16_27_1x00fru8 v16_27_1x00fru2 v16_27_1y2v1nfbg v16_27_1y2v1nfcp v16_27_1y2v1nf8s v16_27_1y2v1nfad", y = "v16_27_1y2v1nfik v16_27_1y2v1nfju", x = "v16_27_1x00frud v16_27_1y2v1nfik v16_27_1y2v1nfiq v16_27_1y2v1nfjc v16_27_1y2v1nfiw", e = "v16_27_1x00frui", d = "v16_27_1x00frua v16_27_1y2v1nf8y v16_27_1y2v1nfad v16_27_1y2v1nfjd", c = "v16_27_1x00frux", p = "v16_27_1x00frus v16_27_1y2v1nfiq v16_27_1y2v1nfiv", g = "v16_27_1y2v1nfj5 v16_27_1y2v1nfiq v16_27_1y2v1nfcp", b = "v16_27_1y2v1nfiq v16_27_1y2v1nfjc v16_27_1y2v1nfj5 v16_27_1y2v1nfkz", l = "v16_27_1x00frum", m = "v16_27_1x00fruu", s = "v16_27_1x00frub", j = "v16_27_1x00fru2 v16_27_1y2v1nfbg v16_27_1y2v1nfcp", h = "v16_27_1x00fruw", k = "v16_27_1x00fru5", q = "v16_27_1x00fru6", C = {
+    topActionsCount: "var(--v16_27_1x00fruv)"
+}, H = "v16_27_1y2v1nf8y";
+export { f as MIN_HEIGHT, n as actions, a as actionsVariants, t as adjustButtonLink, u as button, i as buttonMobile, o as cardContentStyle, y as container, x as dataCard, e as divider, d as extra, c as flexColumn, p as footerDirection, g as footerImage, b as footerText, l as marginRightAuto, m as marginRightButton, s as minHeight, j as paddingX, h as topActionsWithoutIcon, k as touchable, q as touchableCardHoverOverlay, C as vars, H as withPaddingTop };

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

@@ -1,4 +1,4 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./blocks.css.ts.vanilla.css-mistica.js";
-var n = "v16_26_1y2v1nfim v16_26_1y2v1nfis", t = "v16_26_llrsen1";
+var n = "v16_27_1y2v1nfiq v16_27_1y2v1nfiw", t = "v16_27_llrsen1";
 export { n as column, t as rightContent };

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

@@ -1,3 +1,3 @@
 import "./example-component.css.ts.vanilla.css-mistica.js";
-var m = "v16_26_jbmjs60";
+var m = "v16_27_jbmjs60";
 export { m as example };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./counter.css.ts.vanilla.css-mistica.js";
-var n = "v16_26_rijsns8 v16_26_1y2v1nf8e v16_26_1y2v1nfl4 v16_26_1y2v1nfih v16_26_1y2v1nfjk v16_26_1y2v1nfk0", r = "v16_26_rijsnse v16_26_1y2v1nfjj v16_26_1y2v1nfjz v16_26_1y2v1nfih v16_26_1y2v1nflc v16_26_1y2v1nf77", s = "v16_26_rijsns6", i = "v16_26_rijsns3 v16_26_1y2v1nflc v16_26_1y2v1nf49 v16_26_1y2v1nfin v16_26_1y2v1nflo", a = "v16_26_rijsnsc v16_26_rijsnsa v16_26_1y2v1nfih", t = "v16_26_rijsnsa v16_26_1y2v1nfih", f = "v16_26_rijsns4", y = "v16_26_rijsns0", o = "v16_26_rijsns1", j = "v16_26_rijsnsb v16_26_rijsnsa v16_26_1y2v1nfih", e = "v16_26_1y2v1nfig v16_26_1y2v1nfim v16_26_1y2v1nfiv";
-export { n as button, r as buttonBackground, s as buttonContainer, i as counter, a as decreaseButtonIcon, t as defaultButtonIcon, f as disabled, y as hasTrashIcon, o as isButtonDisabled, j as trashButtonIcon, e as valueContainer };
+var n = "v16_27_rijsns8 v16_27_1y2v1nf8i v16_27_1y2v1nfl8 v16_27_1y2v1nfil v16_27_1y2v1nfjo v16_27_1y2v1nfk4", r = "v16_27_rijsnse v16_27_1y2v1nfjn v16_27_1y2v1nfk3 v16_27_1y2v1nfil v16_27_1y2v1nflg v16_27_1y2v1nf7b", s = "v16_27_rijsns6", i = "v16_27_rijsns3 v16_27_1y2v1nflg v16_27_1y2v1nf4b v16_27_1y2v1nfir v16_27_1y2v1nfls", a = "v16_27_rijsnsc v16_27_rijsnsa v16_27_1y2v1nfil", t = "v16_27_rijsnsa v16_27_1y2v1nfil", f = "v16_27_rijsns4", y = "v16_27_rijsns0", o = "v16_27_rijsns1", j = "v16_27_rijsnsb v16_27_rijsnsa v16_27_1y2v1nfil", l = "v16_27_1y2v1nfik v16_27_1y2v1nfiq v16_27_1y2v1nfiz";
+export { n as button, r as buttonBackground, s as buttonContainer, i as counter, a as decreaseButtonIcon, t as defaultButtonIcon, f as disabled, y as hasTrashIcon, o as isButtonDisabled, j as trashButtonIcon, l as valueContainer };

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

@@ -3,7 +3,7 @@ import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./grid-layout.css.ts.vanilla.css-mistica.js";
 import "./carousel.css.ts.vanilla.css-mistica.js";
 import "./cover-hero.css.ts.vanilla.css-mistica.js";
-var r = "v16_26_moeazi9 v16_26_1y2v1nfj1", e = "v16_26_moeazi2 v16_26_1y2v1nfig v16_26_1y2v1nfim v16_26_1y2v1nfis v16_26_1y2v1nfiv v16_26_1y2v1nfj9 v16_26_1y2v1nflu v16_26_1y2v1nfn3", y = "v16_26_moeazi4 v16_26_1y2v1nfig v16_26_1y2v1nfim v16_26_1y2v1nfj9", f = "v16_26_1y2v1nfim v16_26_1y2v1nfis", o = "v16_26_moeazi7", m = "v16_26_1y2v1nfig", t = "v16_26_1y2v1nfih v16_26_1y2v1nfni v16_26_1y2v1nfj9 v16_26_1y2v1nfjq", s = "v16_26_moeazic v16_26_1y2v1nfih v16_26_1y2v1nflu v16_26_1y2v1nfm9 v16_26_1y2v1nfj9 v16_26_1y2v1nfjq", z = "v16_26_moeazi6", p = "v16_26_1y2v1nfig", j = "v16_26_moeazie", c = {
-    aspectRatio: "var(--v16_26_moeazi0)"
-}, l = "v16_26_moeazi5";
-export { r as centered, e as coverHero, y as coverHeroContainer, f as flexColumn, o as hasSideExtra, m as mainContent, t as mediaLayer, s as mediaOverlay, z as minHeight, p as sideExtra, j as sixColumns, c as vars, l as withAspectRatio };
+var r = "v16_27_moeazi9 v16_27_1y2v1nfj5", e = "v16_27_moeazi2 v16_27_1y2v1nfik v16_27_1y2v1nfiq v16_27_1y2v1nfiw v16_27_1y2v1nfiz v16_27_1y2v1nfjd v16_27_1y2v1nfly v16_27_1y2v1nfn7", y = "v16_27_moeazi4 v16_27_1y2v1nfik v16_27_1y2v1nfiq v16_27_1y2v1nfjd", f = "v16_27_1y2v1nfiq v16_27_1y2v1nfiw", o = "v16_27_moeazi7", m = "v16_27_1y2v1nfik", t = "v16_27_1y2v1nfil v16_27_1y2v1nfnm v16_27_1y2v1nfjd v16_27_1y2v1nfju", d = "v16_27_moeazic v16_27_1y2v1nfil v16_27_1y2v1nfly v16_27_1y2v1nfmd v16_27_1y2v1nfjd v16_27_1y2v1nfju", z = "v16_27_moeazi6", l = "v16_27_1y2v1nfik", p = "v16_27_moeazie", j = {
+    aspectRatio: "var(--v16_27_moeazi0)"
+}, s = "v16_27_moeazi5";
+export { r as centered, e as coverHero, y as coverHeroContainer, f as flexColumn, o as hasSideExtra, m as mainContent, t as mediaLayer, d as mediaOverlay, z as minHeight, l as sideExtra, p as sixColumns, j as vars, s as withAspectRatio };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./credit-card-number-field.css.ts.vanilla.css-mistica.js";
-var y = "v16_26_yvyo3q0", f = "v16_26_yvyo3q5 v16_26_yvyo3q2 v16_26_1y2v1nfim v16_26_1y2v1nfj1 v16_26_1y2v1nfiv v16_26_1y2v1nfjq", i = "v16_26_yvyo3q2 v16_26_1y2v1nfim v16_26_1y2v1nfj1 v16_26_1y2v1nfiv v16_26_1y2v1nfjq v16_26_1y2v1nfih", n = {
-    default: "v16_26_yvyo3q7 v16_26_1y2v1nfig v16_26_yvyo3q8",
-    backface: "v16_26_yvyo3q7 v16_26_1y2v1nfig v16_26_yvyo3q9"
+var y = "v16_27_yvyo3q0", f = "v16_27_yvyo3q5 v16_27_yvyo3q2 v16_27_1y2v1nfiq v16_27_1y2v1nfj5 v16_27_1y2v1nfiz v16_27_1y2v1nfju", i = "v16_27_yvyo3q2 v16_27_1y2v1nfiq v16_27_1y2v1nfj5 v16_27_1y2v1nfiz v16_27_1y2v1nfju v16_27_1y2v1nfil", n = {
+    default: "v16_27_yvyo3q7 v16_27_1y2v1nfik v16_27_yvyo3q8",
+    backface: "v16_27_yvyo3q7 v16_27_1y2v1nfik v16_27_yvyo3q9"
 };
 export { y as flip, f as flipBack, i as flipFront, n as variants };

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

@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./date-field.css.ts.vanilla.css-mistica.js";
-var p = "v16_26_1pntndu0";
+var p = "v16_27_1pntndu0";
 export { p as iconContainer };

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

@@ -1,3 +1,3 @@
 import "./date-time-picker.css.ts.vanilla.css-mistica.js";
-var e = "v16_26_c0yqjy0";
+var e = "v16_27_c0yqjy0";
 export { e as reactDatePicker };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./dialog.css.ts.vanilla.css-mistica.js";
-var n = 200, y = "v16_26_3dl29lb", f = "v16_26_3dl29l6", l = "v16_26_3dl29ll v16_26_1y2v1nf90", a = "v16_26_3dl29lj v16_26_1y2v1nfj8 v16_26_1y2v1nfkm", i = "v16_26_3dl29lm", o = "v16_26_3dl29l8 v16_26_1y2v1nf8u v16_26_1y2v1nfa3 v16_26_1y2v1nfbc v16_26_1y2v1nfcl v16_26_1y2v1nfih v16_26_1y2v1nflu v16_26_1y2v1nfmo", r = "v16_26_3dl29la v16_26_1y2v1nf48 v16_26_1y2v1nfle", d = "v16_26_3dl29l5 v16_26_1y2v1nfii v16_26_1y2v1nfim v16_26_1y2v1nfiv v16_26_1y2v1nfj1 v16_26_1y2v1nfis v16_26_1y2v1nflu v16_26_1y2v1nfmo v16_26_1y2v1nfn3 v16_26_1y2v1nfm9 v16_26_1y2v1nf4k", t = {
-    dialog: "v16_26_3dl29ld v16_26_1y2v1nfim v16_26_1y2v1nfis v16_26_1y2v1nfiy v16_26_1y2v1nfbi v16_26_1y2v1nfcr v16_26_1y2v1nf96 v16_26_1y2v1nfa9",
-    default: "v16_26_3dl29ld v16_26_1y2v1nfim v16_26_1y2v1nfis v16_26_1y2v1nfiy v16_26_1y2v1nf90 v16_26_1y2v1nfa9 v16_26_1y2v1nfbi v16_26_1y2v1nfcr"
-}, e = "v16_26_1y2v1nfig";
-export { n as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, l as dialogActions, a as dialogContent, i as iconContainer, o as modalCloseButtonContainer, r as modalContent, d as modalOpacityLayer, t as variants, e as wrapper };
+var n = 200, y = "v16_27_3dl29lb", f = "v16_27_3dl29l6", l = "v16_27_3dl29ll v16_27_1y2v1nf94", a = "v16_27_3dl29lj v16_27_1y2v1nfjc v16_27_1y2v1nfkq", d = "v16_27_3dl29lm", i = "v16_27_3dl29l8 v16_27_1y2v1nf8y v16_27_1y2v1nfa7 v16_27_1y2v1nfbg v16_27_1y2v1nfcp v16_27_1y2v1nfil v16_27_1y2v1nfly v16_27_1y2v1nfms", o = "v16_27_3dl29la v16_27_1y2v1nf4a v16_27_1y2v1nfli", r = "v16_27_3dl29l5 v16_27_1y2v1nfim v16_27_1y2v1nfiq v16_27_1y2v1nfiz v16_27_1y2v1nfj5 v16_27_1y2v1nfiw v16_27_1y2v1nfly v16_27_1y2v1nfms v16_27_1y2v1nfn7 v16_27_1y2v1nfmd v16_27_1y2v1nf4m", t = {
+    dialog: "v16_27_3dl29ld v16_27_1y2v1nfiq v16_27_1y2v1nfiw v16_27_1y2v1nfj2 v16_27_1y2v1nfbm v16_27_1y2v1nfcv v16_27_1y2v1nf9a v16_27_1y2v1nfad",
+    default: "v16_27_3dl29ld v16_27_1y2v1nfiq v16_27_1y2v1nfiw v16_27_1y2v1nfj2 v16_27_1y2v1nf94 v16_27_1y2v1nfad v16_27_1y2v1nfbm v16_27_1y2v1nfcv"
+}, e = "v16_27_1y2v1nfik";
+export { n as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, l as dialogActions, a as dialogContent, d as iconContainer, i as modalCloseButtonContainer, o as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };

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

@@ -1,6 +1,6 @@
 import "./divider.css.ts.vanilla.css-mistica.js";
 var t = {
-    default: "v16_26_o0dvt10",
-    inverse: "v16_26_o0dvt11"
+    default: "v16_27_o0dvt10",
+    inverse: "v16_27_o0dvt11"
 };
 export { t as variants };

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

@@ -4,7 +4,7 @@ import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
 import "./double-field.css.ts.vanilla.css-mistica.js";
 var f = {
-    default: "v16_26_skrulh1 v16_26_1y2v1nfim v16_26_1y2v1nfir v16_26_1y2v1nfj9",
-    fullWidth: "v16_26_skrulh2 v16_26_1y2v1nfim v16_26_1y2v1nfir v16_26_1y2v1nfj9"
+    default: "v16_27_skrulh1 v16_27_1y2v1nfiq v16_27_1y2v1nfiv v16_27_1y2v1nfjd",
+    fullWidth: "v16_27_skrulh2 v16_27_1y2v1nfiq v16_27_1y2v1nfiv v16_27_1y2v1nfjd"
 };
 export { f as variants };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./drawer.css.ts.vanilla.css-mistica.js";
-var n = 350, y = "v16_26_1y2v1nfih v16_26_1y2v1nflx v16_26_1y2v1nfmr", f = "v16_26_c4ngww9", r = "v16_26_c4ngww1 v16_26_1y2v1nfii v16_26_1y2v1nfim v16_26_1y2v1nf48 v16_26_1y2v1nflu v16_26_1y2v1nfmo v16_26_1y2v1nfn3 v16_26_1y2v1nflo", a = "v16_26_1y2v1nf96 v16_26_1y2v1nfim v16_26_1y2v1nfis v16_26_1y2v1nfj7", o = "v16_26_c4ngww8", e = "v16_26_c4ngwwb v16_26_1y2v1nfii v16_26_1y2v1nflu v16_26_1y2v1nfm9 v16_26_1y2v1nfmo v16_26_1y2v1nfn3 v16_26_1y2v1nf4k", i = "v16_26_c4ngwwc", l = "v16_26_c4ngwwd", w = "v16_26_1y2v1nfj7 v16_26_1y2v1nflt", c = "v16_26_c4ngww5 v16_26_1y2v1nfj4 v16_26_1y2v1nfj6";
-export { n as ANIMATION_DURATION_MS, y as closeButtonContainer, f as closed, r as container, a as drawer, o as open, e as overlay, i as overlayClosed, l as overlayOpen, w as scrollableSection, c as titleContainer };
+var n = 350, y = "v16_27_1y2v1nfil v16_27_1y2v1nfm1 v16_27_1y2v1nfmv", f = "v16_27_c4ngww9", r = "v16_27_c4ngww1 v16_27_1y2v1nfim v16_27_1y2v1nfiq v16_27_1y2v1nf4a v16_27_1y2v1nfly v16_27_1y2v1nfms v16_27_1y2v1nfn7 v16_27_1y2v1nfls", a = "v16_27_1y2v1nf9a v16_27_1y2v1nfiq v16_27_1y2v1nfiw v16_27_1y2v1nfjb", e = "v16_27_c4ngww8", o = "v16_27_c4ngwwb v16_27_1y2v1nfim v16_27_1y2v1nfly v16_27_1y2v1nfmd v16_27_1y2v1nfms v16_27_1y2v1nfn7 v16_27_1y2v1nf4m", w = "v16_27_c4ngwwc", l = "v16_27_c4ngwwd", c = "v16_27_1y2v1nfjb v16_27_1y2v1nflx", i = "v16_27_c4ngww5 v16_27_1y2v1nfj8 v16_27_1y2v1nfja";
+export { n as ANIMATION_DURATION_MS, y as closeButtonContainer, f as closed, r as container, a as drawer, e as open, o as overlay, w as overlayClosed, l as overlayOpen, c as scrollableSection, i as titleContainer };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state-card.css.ts.vanilla.css-mistica.js";
-var r = "v16_26_1azor6p4 v16_26_1y2v1nfjl v16_26_1y2v1nfk1", a = "v16_26_1azor6p0", o = "v16_26_1azor6p2 v16_26_1y2v1nfio v16_26_1y2v1nfk3";
-export { r as assetContainer, a as container, o as image };
+var r = "v16_27_1azor6p4 v16_27_1y2v1nfjp v16_27_1y2v1nfk5", a = "v16_27_1azor6p0", n = "v16_27_1azor6p2 v16_27_1y2v1nfis v16_27_1y2v1nfk7";
+export { r as assetContainer, a as container, n as image };

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

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state.css.ts.vanilla.css-mistica.js";
-var v = "v16_26_13fzrua9 v16_26_1y2v1nfjn v16_26_1y2v1nfk3", _ = "v16_26_1y2v1nfl3", e = "v16_26_13fzrua2 v16_26_1y2v1nfim v16_26_1y2v1nf8e", n = {
-    default: "v16_26_13fzrua3",
-    largeImage: "v16_26_13fzrua4"
-}, f = "v16_26_13fzruad", o = "v16_26_13fzrua7 v16_26_1y2v1nfjq", t = "v16_26_13fzrua5", u = "v16_26_13fzruab v16_26_1y2v1nfio", i = {
-    backgroundColor: "var(--v16_26_13fzrua0)"
+var v = "v16_27_13fzrua9 v16_27_1y2v1nfjr v16_27_1y2v1nfk7", _ = "v16_27_1y2v1nfl7", e = "v16_27_13fzrua2 v16_27_1y2v1nfiq v16_27_1y2v1nf8i", n = {
+    default: "v16_27_13fzrua3",
+    largeImage: "v16_27_13fzrua4"
+}, f = "v16_27_13fzruad", o = "v16_27_13fzrua7 v16_27_1y2v1nfju", u = "v16_27_13fzrua5", t = "v16_27_13fzruab v16_27_1y2v1nfis", i = {
+    backgroundColor: "var(--v16_27_13fzrua0)"
 };
-export { v as assetContainer, _ as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, i as vars };
+export { v as assetContainer, _ as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, u as largeImageContainer, t as smallImage, i as vars };

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

@@ -1,3 +1,3 @@
 import "./fade-in.css.ts.vanilla.css-mistica.js";
-var p = "v16_26_kq227n1";
+var p = "v16_27_kq227n1";
 export { p as wrapper };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./feedback.css.ts.vanilla.css-mistica.js";
-var v = "v16_26_1y2v1nfjl v16_26_1y2v1nfk1", e = "v16_26_gx6h6af", r = "v16_26_gx6h6a4 v16_26_1y2v1nfim v16_26_1y2v1nfjq v16_26_1y2v1nfj9 v16_26_1y2v1nfis", n = "v16_26_gx6h6a0", t = "v16_26_gx6h6a1", x = "v16_26_gx6h6a2", g = "v16_26_gx6h6ae", h = "v16_26_gx6h6ab v16_26_gx6h6aa", o = "v16_26_gx6h6ac v16_26_gx6h6aa", i = "v16_26_gx6h6ad v16_26_gx6h6aa", p = "v16_26_gx6h6a5", d = "v16_26_gx6h6a6";
+var v = "v16_27_1y2v1nfjp v16_27_1y2v1nfk5", e = "v16_27_gx6h6af", r = "v16_27_gx6h6a4 v16_27_1y2v1nfiq v16_27_1y2v1nfju v16_27_1y2v1nfjd v16_27_1y2v1nfiw", n = "v16_27_gx6h6a0", t = "v16_27_gx6h6a1", x = "v16_27_gx6h6a2", g = "v16_27_gx6h6ae", h = "v16_27_gx6h6ab v16_27_gx6h6aa", o = "v16_27_gx6h6ac v16_27_gx6h6aa", i = "v16_27_gx6h6ad v16_27_gx6h6aa", p = "v16_27_gx6h6a5", d = "v16_27_gx6h6a6";
 export { v as assetContainer, e as backgroundBrand, r as container, n as desktopContainer, t as desktopContent, x as desktopImage, g as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, i as feedbackTextAppearSlow, p as innerContainer, d as innerContainerWithButtons };

package/dist-es/feedback.js

@@ -80,41 +80,41 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import * as H from "react";
-import { useTheme as g, useScreenSize as B } from "./hooks.js";
+import { useTheme as F, useScreenSize as A } from "./hooks.js";
 import K from "./button-fixed-footer-layout.js";
-import { VIVO_SKIN as A, VIVO_NEW_SKIN as y } from "./skins/constants.js";
+import { VIVO_SKIN as y, VIVO_NEW_SKIN as z } from "./skins/constants.js";
 import { useSetOverscrollColor as M } from "./overscroll-color-context.js";
-import z from "./icons/icon-success.js";
-import C from "./icons/icon-success-vivo.js";
+import C from "./icons/icon-success.js";
+import O from "./icons/icon-success-vivo.js";
 import $ from "./icons/icon-error.js";
 import G from "./icons/icon-info.js";
 import { isWebViewBridgeAvailable as P, requestVibration as U } from "@tef-novum/webview-bridge";
 import { isRunningAcceptanceTest as X } from "./utils/platform.js";
 import { Text2 as J, Text6 as Q, Text3 as Y } from "./text.js";
-import b from "./box.js";
+import k from "./box.js";
 import { InternalBoxed as Z } from "./boxed.js";
-import N, { ResetResponsiveLayout as ee } from "./responsive-layout.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 { vars as n } from "./skins/skin-contract.css-mistica.js";
-import { container as te, innerContainer as oe, innerContainerWithButtons as se, backgroundBrand as ce, assetContainer as ae, feedbackData as ie, feedbackTextAppearFast as ne, feedbackTextAppearMedium as T, feedbackTextAppearSlow as de, desktopContainer as le, desktopContent as me, desktopImage as ue } from "./feedback.css-mistica.js";
-import V from "./icons/icon-success-vivo-new.js";
-const O = (r)=>!X(r), R = (param)=>{
+import { container as te, innerContainer as oe, innerContainerWithButtons as se, backgroundBrand as ce, assetContainer as ae, feedbackData as ie, feedbackTextAppearFast as ne, feedbackTextAppearMedium as B, feedbackTextAppearSlow as de, desktopContainer as le, desktopContent as me, desktopImage as ue } from "./feedback.css-mistica.js";
+import R from "./icons/icon-success-vivo-new.js";
+const D = (r)=>!X(r), E = (param)=>{
     let { primaryButton: r, secondaryButton: t } = param;
     return !!r || !!t;
-}, x = (r)=>{
+}, V = (r)=>{
     P() && U(r).catch(()=>{});
-}, D = (r)=>{
+}, W = (r)=>{
     H.useEffect(()=>{
         let t;
-        return r === "success" && (t = setTimeout(()=>x("success"), 700)), r === "error" && (t = setTimeout(()=>x("error"), 1e3)), ()=>{
+        return r === "success" && (t = setTimeout(()=>V("success"), 700)), r === "error" && (t = setTimeout(()=>V("error"), 1e3)), ()=>{
             clearTimeout(t);
         };
     }, [
         r
     ]);
-}, E = (param, c)=>{
+}, _ = (param, c)=>{
     let { asset: r, title: t, description: o, extra: s } = param;
     const a = o && Array.isArray(o) ? /* @__PURE__ */ e(u, {
         space: 16,
@@ -143,7 +143,7 @@ const O = (r)=>!X(r), R = (param)=>{
                         })
                     }),
                     a && /* @__PURE__ */ e("div", {
-                        className: m(c && T),
+                        className: m(c && B),
                         "data-testid": "description",
                         children: a && /* @__PURE__ */ e(Y, {
                             regular: !0,
@@ -152,7 +152,7 @@ const O = (r)=>!X(r), R = (param)=>{
                         })
                     }),
                     s && /* @__PURE__ */ e("div", {
-                        className: m(c && (a ? de : T)),
+                        className: m(c && (a ? de : B)),
                         "data-testid": "slot",
                         children: s
                     })
@@ -160,8 +160,8 @@ const O = (r)=>!X(r), R = (param)=>{
             })
         ]
     });
-}, W = (r, t)=>{
-    const o = R(t);
+}, q = (r, t)=>{
+    const o = E(t);
     return /* @__PURE__ */ p(u, {
         space: {
             desktop: 40,
@@ -172,19 +172,19 @@ const O = (r)=>!X(r), R = (param)=>{
             o && /* @__PURE__ */ e(re, _object_spread({}, t))
         ]
     });
-}, _ = (param)=>{
+}, w = (param)=>{
     let { isInverse: r, body: t, imageFit: o, imageUrl: s, dataAttributes: c } = param;
     return /* @__PURE__ */ e(Z, {
         borderRadius: n.borderRadii.legacyDisplay,
         desktopOnly: !0,
-        isInverse: r,
+        variant: r ? "inverse" : "default",
         dataAttributes: c,
         children: /* @__PURE__ */ p("div", {
             className: le,
             children: [
                 /* @__PURE__ */ e("div", {
                     className: me,
-                    children: /* @__PURE__ */ e(b, {
+                    children: /* @__PURE__ */ e(k, {
                         padding: {
                             desktop: 64,
                             mobile: 0
@@ -211,20 +211,20 @@ const O = (r)=>!X(r), R = (param)=>{
 }, pe = ()=>(M({
         topColor: n.colors.backgroundBrandTop,
         bottomColor: "transparent"
-    }), null), F = (param)=>{
-    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: c, link: a, hapticFeedback: d, asset: l, animateText: k = !1, isInverse: i = !1, unstable_inlineInDesktop: f, imageUrl: v, imageFit: h, dataAttributes: S } = param;
-    D(d);
-    const { platformOverrides: q, isDarkMode: w } = g(), { isTabletOrSmaller: L } = B(), j = R({
+    }), null), I = (param)=>{
+    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: c, link: a, hapticFeedback: d, asset: l, animateText: f = !1, isInverse: i = !1, unstable_inlineInDesktop: h, imageUrl: S, imageFit: N, dataAttributes: g } = param;
+    W(d);
+    const { platformOverrides: v, isDarkMode: b } = F(), { isTabletOrSmaller: L } = A(), j = E({
         primaryButton: s,
         secondaryButton: c,
         link: a
-    }), I = E({
+    }), T = _({
         asset: l,
         title: r,
         description: t,
         extra: o
-    }, k && O(q));
-    return !L && f ? W(I, {
+    }, f && D(v));
+    return !L && h ? q(T, {
         primaryButton: s,
         secondaryButton: c,
         link: a
@@ -232,15 +232,15 @@ const O = (r)=>!X(r), R = (param)=>{
         style: {
             position: "relative"
         },
-        children: /* @__PURE__ */ p(N, {
+        children: /* @__PURE__ */ p(x, {
             children: [
                 i && /* @__PURE__ */ e(pe, {}),
-                /* @__PURE__ */ e(b, {
+                /* @__PURE__ */ e(k, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: _({
+                    children: w({
                         isInverse: i,
                         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
@@ -251,24 +251,24 @@ const O = (r)=>!X(r), R = (param)=>{
                                 button: s,
                                 secondaryButton: c,
                                 link: a,
-                                footerBgColor: i && !w ? n.colors.backgroundBrandBottom : void 0,
+                                footerBgColor: i && !b ? n.colors.backgroundBrandBottom : void 0,
                                 containerBgColor: i ? n.colors.backgroundBrand : n.colors.background,
-                                children: /* @__PURE__ */ e(N, {
+                                children: /* @__PURE__ */ e(x, {
                                     children: /* @__PURE__ */ e("div", {
                                         className: te,
                                         children: /* @__PURE__ */ e("div", {
                                             className: m(oe, {
                                                 [se]: s || c || a
                                             }),
-                                            children: I
+                                            children: T
                                         })
                                     })
                                 })
                             })
                         }),
-                        imageFit: h,
-                        imageUrl: v,
-                        dataAttributes: S
+                        imageFit: N,
+                        imageUrl: S,
+                        dataAttributes: g
                     })
                 })
             ]
@@ -278,15 +278,15 @@ const O = (r)=>!X(r), R = (param)=>{
     var { dataAttributes: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    const { isTabletOrSmaller: o } = B(), { skinName: s } = g();
-    return /* @__PURE__ */ e(F, _object_spread_props(_object_spread({}, t), {
-        isInverse: !t.unstable_inlineInDesktop || o,
+    const { isTabletOrSmaller: o } = A(), { skinName: s, themeVariants: c } = F();
+    return /* @__PURE__ */ e(I, _object_spread_props(_object_spread({}, t), {
+        isInverse: c.successFeedback === "inverse" && (!t.unstable_inlineInDesktop || o),
         hapticFeedback: "success",
-        asset: s === A ? /* @__PURE__ */ e(C, {
+        asset: s === y ? /* @__PURE__ */ e(O, {
             size: "100%"
-        }) : s === y ? /* @__PURE__ */ e(V, {
+        }) : s === z ? /* @__PURE__ */ e(R, {
             size: "100%"
-        }) : /* @__PURE__ */ e(z, {
+        }) : /* @__PURE__ */ e(C, {
             size: "100%"
         }),
         animateText: !0,
@@ -302,7 +302,7 @@ const O = (r)=>!X(r), R = (param)=>{
         "errorReference",
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ e(F, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ e(I, _object_spread_props(_object_spread({}, o), {
         hapticFeedback: "error",
         asset: /* @__PURE__ */ e($, {
             size: "100%"
@@ -326,7 +326,7 @@ const O = (r)=>!X(r), R = (param)=>{
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ e(F, _object_spread({
+    return /* @__PURE__ */ e(I, _object_spread({
         dataAttributes: _object_spread({
             "component-name": "InfoFeedbackScreen",
             testid: "InfoFeedbackScreen"
@@ -336,41 +336,41 @@ const O = (r)=>!X(r), R = (param)=>{
         })
     }, o));
 }, qe = (param)=>{
-    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: c, link: a, imageUrl: d, imageFit: l, dataAttributes: k } = param;
-    D("success");
-    const { skinName: i, platformOverrides: f } = g(), h = E({
-        asset: i === A ? /* @__PURE__ */ e(C, {
+    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: c, link: a, imageUrl: d, imageFit: l, dataAttributes: f } = param;
+    W("success");
+    const { skinName: i, platformOverrides: h, themeVariants: S } = F(), g = _({
+        asset: i === y ? /* @__PURE__ */ e(O, {
             size: "100%"
-        }) : i === y ? /* @__PURE__ */ e(V, {
+        }) : i === z ? /* @__PURE__ */ e(R, {
             size: "100%"
-        }) : /* @__PURE__ */ e(z, {
+        }) : /* @__PURE__ */ e(C, {
             size: "100%"
         }),
         title: r,
         description: t,
         extra: o
-    }, O(f)), S = W(h, {
+    }, D(h)), v = q(g, {
         primaryButton: s,
         secondaryButton: c,
         link: a
-    });
-    return _({
-        isInverse: !0,
+    }), b = S.successFeedback === "inverse";
+    return w({
+        isInverse: b,
         body: /* @__PURE__ */ e("div", {
-            className: ce,
-            children: /* @__PURE__ */ e(b, {
+            className: b ? ce : void 0,
+            children: /* @__PURE__ */ e(k, {
                 paddingX: {
                     mobile: 16,
                     tablet: 24,
                     desktop: 0
                 },
-                children: /* @__PURE__ */ e(b, {
+                children: /* @__PURE__ */ e(k, {
                     paddingBottom: {
                         desktop: 0,
                         mobile: 48
                     },
                     paddingTop: 64,
-                    children: S
+                    children: v
                 })
             })
         }),
@@ -379,7 +379,7 @@ const O = (r)=>!X(r), R = (param)=>{
         dataAttributes: _object_spread({
             "component-name": "SuccessFeedback",
             testid: "SuccessFeedback"
-        }, k)
+        }, f)
     });
 };
-export { We as ErrorFeedbackScreen, F as FeedbackScreen, _e as InfoFeedbackScreen, qe as SuccessFeedback, Ee as SuccessFeedbackScreen };
+export { We as ErrorFeedbackScreen, I as FeedbackScreen, _e as InfoFeedbackScreen, qe as SuccessFeedback, Ee as SuccessFeedbackScreen };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./fixed-footer-layout.css.ts.vanilla.css-mistica.js";
-var r = "v16_26_p5j8j5d v16_26_1y2v1nfm9 v16_26_1y2v1nfmo v16_26_1y2v1nfih", o = "v16_26_p5j8j57", n = "v16_26_p5j8j55", a = "v16_26_p5j8j5b v16_26_1y2v1nflu v16_26_1y2v1nfm9 v16_26_1y2v1nfmo v16_26_1y2v1nfn3 v16_26_1y2v1nfii", f = "v16_26_p5j8j54", j = "v16_26_p5j8j53 v16_26_1y2v1nfj9", y = "v16_26_p5j8j59 v16_26_1y2v1nflu v16_26_1y2v1nfm9 v16_26_1y2v1nfmo v16_26_1y2v1nfn3 v16_26_1y2v1nfii", e = {
-    footerHeight: "var(--v16_26_p5j8j50)",
-    backgroundColor: "var(--v16_26_p5j8j51)"
-}, t = "v16_26_1y2v1nfil";
-export { r as absoluteBackgroundLayer, o as container, n as elevated, a as fixedBackgroundLayer, f as fixedFooter, j as footer, y as portal, e as vars, t as withoutFooter };
+var r = "v16_27_p5j8j5d v16_27_1y2v1nfmd v16_27_1y2v1nfms v16_27_1y2v1nfil", n = "v16_27_p5j8j57", a = "v16_27_p5j8j55", o = "v16_27_p5j8j5b v16_27_1y2v1nfly v16_27_1y2v1nfmd v16_27_1y2v1nfms v16_27_1y2v1nfn7 v16_27_1y2v1nfim", f = "v16_27_p5j8j54", j = "v16_27_p5j8j53 v16_27_1y2v1nfjd", y = "v16_27_p5j8j59 v16_27_1y2v1nfly v16_27_1y2v1nfmd v16_27_1y2v1nfms v16_27_1y2v1nfn7 v16_27_1y2v1nfim", e = {
+    footerHeight: "var(--v16_27_p5j8j50)",
+    backgroundColor: "var(--v16_27_p5j8j51)"
+}, p = "v16_27_1y2v1nfip";
+export { r as absoluteBackgroundLayer, n as container, a as elevated, o as fixedBackgroundLayer, f as fixedFooter, j as footer, y as portal, e as vars, p as withoutFooter };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var o = "v16_26_1y2v1nfj9";
+var o = "v16_27_1y2v1nfjd";
 export { o as form };

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

@@ -1,6 +1,6 @@
 import "./grid-layout.css.ts.vanilla.css-mistica.js";
-var a = "v16_26_379jdb5", _ = "v16_26_379jdb2", r = "v16_26_379jdb1", d = "v16_26_379jdb0", e = "v16_26_379jdb4", l = "v16_26_379jdb7", o = {
-    colSpan: "var(--v16_26_379jdb6)",
-    verticalSpace: "var(--v16_26_379jdb3)"
+var a = "v16_27_379jdb5", _ = "v16_27_379jdb2", r = "v16_27_379jdb1", d = "v16_27_379jdb0", e = "v16_27_379jdb4", l = "v16_27_379jdb7", o = {
+    colSpan: "var(--v16_27_379jdb6)",
+    verticalSpace: "var(--v16_27_379jdb3)"
 };
 export { a as collapsedInTablet, _ as desktopLargeColumn, r as desktopMediumColumn, d as desktopSmallColumn, e as grid, l as span, o as vars };