@telefonica/mistica 13.1.3 → 13.2.1

package/dist-es/skins/telefonica.js

@@ -1,5 +1,5 @@
 import { applyAlpha as r } from "../utils/color.js";
-import { TELEFONICA_SKIN as t } from "./constants.js";
+import { TELEFONICA_SKIN as o } from "./constants.js";
 const e = {
     telefonicaBlue: "#0066FF",
     telefonicaBlue10: "#E5F0FF",
@@ -18,7 +18,7 @@ const e = {
     orchid: "#C466EF",
     orchid10: "#F9F0FD",
     orchid40: "#D694F4",
-    orchid70: "#8947A7",
+    orchid70: "#8A1A93",
     turquoise: "#59C2C9",
     turquoise10: "#EEF9FA",
     turquoise40: "#8BD4D9",
@@ -37,7 +37,7 @@ const e = {
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
 }, n = ()=>({
-        name: t,
+        name: o,
         colors: {
             appBarBackground: e.white,
             background: e.white,
@@ -126,7 +126,12 @@ const e = {
             successHigh: e.turquoise70,
             warningHigh: e.ambar70,
             errorHigh: e.coral70,
-            promoHigh: e.orchid70
+            promoHigh: e.orchid70,
+            successHighInverse: e.turquoise70,
+            warningHighInverse: e.ambar70,
+            errorHighInverse: e.coral70,
+            promoHighInverse: e.orchid70,
+            neutralMediumInverse: e.grey5
         },
         darkModeColors: {
             appBarBackground: e.darkModeGrey,
@@ -192,15 +197,20 @@ const e = {
             textNavigationSearchBarText: e.grey2,
             textAppBar: e.grey5,
             textAppBarSelected: e.grey2,
-            successLow: r(e.white, 0.05),
-            warningLow: r(e.white, 0.05),
-            errorLow: r(e.white, 0.05),
-            promoLow: r(e.white, 0.05),
-            brandLow: r(e.white, 0.05),
+            successLow: e.darkModeGrey6,
+            warningLow: e.darkModeGrey6,
+            errorLow: e.darkModeGrey6,
+            promoLow: e.darkModeGrey6,
+            brandLow: e.darkModeGrey6,
             successHigh: e.turquoise40,
             warningHigh: e.ambar40,
             errorHigh: e.coral40,
-            promoHigh: e.orchid40
+            promoHigh: e.orchid40,
+            successHighInverse: e.turquoise70,
+            warningHighInverse: e.ambar70,
+            errorHighInverse: e.coral70,
+            promoHighInverse: e.orchid70,
+            neutralMediumInverse: e.grey5
         }
     });
 export { n as getTelefonicaSkin, e as palette };

package/dist-es/skins/vivo.js

@@ -1,5 +1,5 @@
 import { applyAlpha as r } from "../utils/color.js";
-import { VIVO_SKIN as t } from "./constants.js";
+import { VIVO_SKIN as o } from "./constants.js";
 const e = {
     vivoPurple: "#660099",
     vivoPurpleDark: "#461E5F",
@@ -35,7 +35,7 @@ const e = {
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
 }, a = ()=>({
-        name: t,
+        name: o,
         colors: {
             appBarBackground: e.white,
             background: e.white,
@@ -124,7 +124,12 @@ const e = {
             successHigh: e.vivoGreenDark,
             warningHigh: e.orangeDark,
             errorHigh: e.pepperDark80,
-            promoHigh: e.vivoPurple
+            promoHigh: e.vivoPurple,
+            successHighInverse: e.vivoGreenDark,
+            warningHighInverse: e.orangeDark,
+            errorHighInverse: e.pepperDark80,
+            promoHighInverse: e.vivoPurple,
+            neutralMediumInverse: e.grey5
         },
         darkModeColors: {
             appBarBackground: e.darkModeGrey,
@@ -194,15 +199,20 @@ const e = {
             textNavigationSearchBarText: e.grey2,
             textAppBar: e.grey5,
             textAppBarSelected: e.grey2,
-            successLow: r(e.white, 0.05),
-            warningLow: r(e.white, 0.05),
-            errorLow: r(e.white, 0.05),
-            promoLow: r(e.white, 0.05),
-            brandLow: r(e.white, 0.05),
+            successLow: e.darkModeGrey6,
+            warningLow: e.darkModeGrey6,
+            errorLow: e.darkModeGrey6,
+            promoLow: e.darkModeGrey6,
+            brandLow: e.darkModeGrey6,
             successHigh: e.vivoGreenLight30,
             warningHigh: e.orangeLight40,
             errorHigh: e.pepperLight40,
-            promoHigh: e.vivoPurpleLight50
+            promoHigh: e.vivoPurpleLight50,
+            successHighInverse: e.vivoGreenDark,
+            warningHighInverse: e.orangeDark,
+            errorHighInverse: e.pepperDark80,
+            promoHighInverse: e.vivoPurple,
+            neutralMediumInverse: e.grey5
         }
     });
 export { a as getVivoSkin, e as palette };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./snackbar.css.ts.vanilla.js";
-var a = 300, v = "o7bjb09", b = "_1y2v1nf1n", o = "_1y2v1nf20", t = "_1y2v1nf56 _1y2v1nf5i", f = "o7bjb0a", _ = "o7bjb01 _1y2v1nf7d _1y2v1nf56 _1y2v1nf5f", p = "o7bjb02", y = "o7bjb04 _1y2v1nf53 _1y2v1nf98", e = "_1y2v1nf3r", i = "_1y2v1nf3s", j = "o7bjb07";
-export { a as TRANSITION_TIME_IN_MS, v as button, b as buttonCritical, o as buttonInfo, t as content, f as longButton, _ as snackbar, p as snackbarOpen, y as wrapper, e as wrapperCritical, i as wrapperInfo, j as wrapperOpen };
+var a = 300, v = "o7bjb09", o = "_1y2v1nf1o", b = "_1y2v1nf21", t = "_1y2v1nf5g _1y2v1nf5s", p = "o7bjb0a", _ = "o7bjb01 _1y2v1nf7n _1y2v1nf5g _1y2v1nf5p", f = "o7bjb02", y = "o7bjb04 _1y2v1nf5d _1y2v1nf9i", e = "_1y2v1nf3w", i = "_1y2v1nf3x", j = "o7bjb07";
+export { a as TRANSITION_TIME_IN_MS, v as button, o as buttonCritical, b as buttonInfo, t as content, p as longButton, _ as snackbar, f as snackbarOpen, y as wrapper, e as wrapperCritical, i as wrapperInfo, j as wrapperOpen };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./spinner.css.ts.vanilla.js";
-var t = "_1fthc594 _1y2v1nf5o", a = "_1fthc595", e = "_1y2v1nf5o", f = "_1fthc597";
+var t = "_1fthc594 _1y2v1nf5y", a = "_1fthc595", e = "_1y2v1nf5y", f = "_1fthc597";
 export { t as spinnerDefault, a as spinnerDefaultPath, e as spinnerIos, f as spinnerIosSvgPath };