@telefonica/mistica 15.3.0 → 15.5.0

package/dist-es/skins/telefonica.js

@@ -43,6 +43,7 @@ const e = {
             appBarBackground: e.white,
             background: e.white,
             backgroundContainer: e.white,
+            backgroundContainerError: e.coral10,
             backgroundContainerHover: r(e.telefonicaBlue, 0.03),
             backgroundContainerPressed: r(e.telefonicaBlue, 0.05),
             backgroundContainerBrand: e.telefonicaBlue,
@@ -98,6 +99,8 @@ const e = {
             textLinkInverse: e.white,
             textLinkDanger: e.coral,
             textLinkSnackbar: e.telefonicaBlue30,
+            textActivated: e.telefonicaBlue,
+            textBrand: e.telefonicaBlue,
             control: e.grey3,
             controlActivated: e.telefonicaBlue,
             controlInverse: e.grey1,
@@ -128,6 +131,8 @@ const e = {
             textSecondary: e.grey5,
             textSecondaryInverse: e.telefonicaBlue10,
             error: e.coral,
+            textError: e.coral,
+            textErrorInverse: e.white,
             success: e.turquoise,
             warning: e.ambar,
             promo: e.orchid,
@@ -172,6 +177,7 @@ const e = {
             backgroundBrand: e.darkModeBlack,
             backgroundBrandSecondary: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
+            backgroundContainerError: e.darkModeGrey,
             backgroundContainerHover: r(e.white, 0.03),
             backgroundContainerPressed: r(e.white, 0.05),
             backgroundContainerBrand: e.darkModeGrey,
@@ -197,7 +203,7 @@ const e = {
             buttonDangerBackgroundSelected: e.coral80,
             buttonDangerBackgroundHover: e.coral80,
             buttonLinkDangerBackgroundSelected: r(e.white, 0.08),
-            buttonLinkDangerBackgroundInverse: r(e.white, 0.01),
+            buttonLinkDangerBackgroundInverse: r(e.white, 0),
             buttonLinkDangerBackgroundInverseSelected: r(e.white, 0.08),
             buttonLinkBackgroundSelected: r(e.white, 0.08),
             buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
@@ -225,6 +231,8 @@ const e = {
             textLinkInverse: e.telefonicaBlue,
             textLinkDanger: e.coral,
             textLinkSnackbar: e.telefonicaBlue30,
+            textActivated: e.telefonicaBlue,
+            textBrand: e.telefonicaBlue,
             control: e.darkModeGrey6,
             controlActivated: e.telefonicaBlue,
             controlInverse: e.darkModeGrey6,
@@ -255,6 +263,8 @@ const e = {
             textSecondary: e.grey4,
             textSecondaryInverse: e.grey4,
             error: e.coral,
+            textError: e.coral,
+            textErrorInverse: e.coral,
             success: e.turquoise,
             warning: e.ambar,
             promo: e.orchid,

package/dist-es/skins/tu.js

@@ -1,4 +1,4 @@
-import { TU_SKIN as n } from "./constants.js";
+import { TU_SKIN as t } from "./constants.js";
 import { applyAlpha as r } from "../utils/color.js";
 const e = {
     primary: "#2B3447",
@@ -42,11 +42,12 @@ const e = {
     darkModeGrey: "#202735",
     darkModeGrey6: "#2B3447"
 }, d = ()=>({
-        name: n,
+        name: t,
         colors: {
             appBarBackground: e.white,
             background: e.white,
             backgroundContainer: e.white,
+            backgroundContainerError: e.red10,
             backgroundContainerHover: r(e.grey9, 0.03),
             backgroundContainerPressed: r(e.grey9, 0.05),
             backgroundContainerBrand: e.primary,
@@ -102,6 +103,8 @@ const e = {
             textLinkInverse: e.white,
             textLinkDanger: e.red,
             textLinkSnackbar: e.white,
+            textActivated: e.primary,
+            textBrand: e.blue,
             control: e.grey5,
             controlActivated: e.primary,
             controlInverse: e.white,
@@ -132,6 +135,8 @@ const e = {
             textSecondary: e.grey6,
             textSecondaryInverse: e.grey3,
             error: e.red,
+            textError: e.red,
+            textErrorInverse: e.white,
             success: e.green,
             warning: e.orange,
             promo: e.blue,
@@ -176,6 +181,7 @@ const e = {
             backgroundBrand: e.darkModeBlack,
             backgroundBrandSecondary: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
+            backgroundContainerError: e.darkModeGrey,
             backgroundContainerHover: r(e.white, 0.03),
             backgroundContainerPressed: r(e.white, 0.05),
             backgroundContainerBrand: e.darkModeGrey,
@@ -201,7 +207,7 @@ const e = {
             buttonDangerBackgroundSelected: e.red80,
             buttonDangerBackgroundHover: e.red80,
             buttonLinkDangerBackgroundSelected: e.red10,
-            buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundInverse: r(e.white, 0),
             buttonLinkDangerBackgroundInverseSelected: e.red10,
             buttonLinkBackgroundSelected: r(e.white, 0.08),
             buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
@@ -229,6 +235,8 @@ const e = {
             textLinkInverse: e.blue30,
             textLinkDanger: e.red,
             textLinkSnackbar: e.blue30,
+            textActivated: e.blue30,
+            textBrand: e.blue30,
             control: e.darkModeGrey6,
             controlActivated: e.blue30,
             controlInverse: e.darkModeGrey6,
@@ -259,6 +267,8 @@ const e = {
             textSecondary: e.grey4,
             textSecondaryInverse: e.grey4,
             error: e.red,
+            textError: e.red,
+            textErrorInverse: e.red,
             success: e.green,
             warning: e.orange,
             promo: e.blue,

package/dist-es/skins/vivo-new.js

@@ -1,4 +1,4 @@
-import { VIVO_NEW_SKIN as o } from "./constants.js";
+import { VIVO_NEW_SKIN as t } from "./constants.js";
 import { applyAlpha as r } from "../utils/color.js";
 const e = {
     vivoPurple: "#660099",
@@ -37,13 +37,14 @@ const e = {
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
 }, i = ()=>({
-        name: o,
+        name: t,
         colors: {
             background: e.white,
             backgroundAlternative: e.grey1,
             backgroundBrand: e.vivoPurple,
             backgroundBrandSecondary: e.vivoPurpleLight80,
             backgroundContainer: e.white,
+            backgroundContainerError: e.pepperLight10,
             backgroundContainerHover: r(e.darkModeBlack, 0.03),
             backgroundContainerPressed: r(e.darkModeBlack, 0.05),
             backgroundContainerBrand: e.vivoPurple,
@@ -97,6 +98,8 @@ const e = {
             textLinkInverse: e.white,
             textLinkDanger: e.pepper,
             textLinkSnackbar: e.vivoPurpleLight20,
+            textActivated: e.vivoPurple,
+            textBrand: e.vivoPurple,
             control: e.grey4,
             controlActivated: e.vivoPurple,
             controlInverse: e.vivoPurpleLight50,
@@ -129,6 +132,8 @@ const e = {
             success: e.vivoGreen,
             warning: e.orange,
             error: e.pepper,
+            textError: e.pepper,
+            textErrorInverse: e.white,
             promo: e.vivoPurple,
             highlight: e.pink,
             successLow: e.vivoGreenLight10,
@@ -171,6 +176,7 @@ const e = {
             backgroundBrand: e.darkModeBlack,
             backgroundBrandSecondary: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
+            backgroundContainerError: e.darkModeGrey,
             backgroundContainerHover: r(e.white, 0.03),
             backgroundContainerPressed: r(e.white, 0.05),
             backgroundContainerBrand: e.darkModeGrey,
@@ -196,7 +202,7 @@ const e = {
             buttonDangerBackgroundSelected: e.pepperDark,
             buttonDangerBackgroundHover: e.pepperDark,
             buttonLinkDangerBackgroundSelected: r(e.white, 0.08),
-            buttonLinkDangerBackgroundInverse: r(e.white, 0.01),
+            buttonLinkDangerBackgroundInverse: r(e.white, 0),
             buttonLinkDangerBackgroundInverseSelected: r(e.white, 0.08),
             buttonLinkBackgroundSelected: r(e.white, 0.08),
             buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
@@ -224,6 +230,8 @@ const e = {
             textLinkInverse: e.vivoPurpleLight50,
             textLinkDanger: e.pepper,
             textLinkSnackbar: e.vivoPurpleLight50,
+            textActivated: e.vivoPurpleLight80,
+            textBrand: e.vivoPurpleLight80,
             control: e.darkModeGrey6,
             controlActivated: e.vivoPurpleLight80,
             controlInverse: e.darkModeGrey6,
@@ -256,6 +264,8 @@ const e = {
             success: e.vivoGreen,
             warning: e.orange,
             error: e.pepper,
+            textError: e.pepper,
+            textErrorInverse: e.pepper,
             promo: e.vivoPurpleLight80,
             highlight: e.pink,
             successLow: e.darkModeGrey6,

package/dist-es/skins/vivo.js

@@ -1,4 +1,4 @@
-import { VIVO_SKIN as o } from "./constants.js";
+import { VIVO_SKIN as t } from "./constants.js";
 import { applyAlpha as r } from "../utils/color.js";
 const e = {
     vivoPurple: "#660099",
@@ -37,13 +37,14 @@ const e = {
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
 }, i = ()=>({
-        name: o,
+        name: t,
         colors: {
             background: e.white,
             backgroundAlternative: e.grey1,
             backgroundBrand: e.vivoPurple,
             backgroundBrandSecondary: e.vivoPurple,
             backgroundContainer: e.white,
+            backgroundContainerError: e.pepperLight10,
             backgroundContainerHover: r(e.darkModeBlack, 0.03),
             backgroundContainerPressed: r(e.darkModeBlack, 0.05),
             backgroundContainerBrand: e.vivoPurple,
@@ -97,6 +98,8 @@ const e = {
             textLinkInverse: e.white,
             textLinkDanger: e.pepper,
             textLinkSnackbar: e.vivoPurpleLight50,
+            textActivated: e.vivoPurple,
+            textBrand: e.vivoPurple,
             control: e.grey3,
             controlActivated: e.vivoPurple,
             controlInverse: e.vivoPurpleLight50,
@@ -129,6 +132,8 @@ const e = {
             success: e.vivoGreen,
             warning: e.orange,
             error: e.pepper,
+            textError: e.pepper,
+            textErrorInverse: e.white,
             promo: e.vivoPurple,
             highlight: e.pink,
             successLow: e.vivoGreenLight10,
@@ -171,6 +176,7 @@ const e = {
             backgroundBrand: e.darkModeBlack,
             backgroundBrandSecondary: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
+            backgroundContainerError: e.darkModeGrey,
             backgroundContainerHover: r(e.white, 0.03),
             backgroundContainerPressed: r(e.white, 0.05),
             backgroundContainerBrand: e.darkModeGrey,
@@ -196,7 +202,7 @@ const e = {
             buttonDangerBackgroundSelected: e.pepperDark,
             buttonDangerBackgroundHover: e.pepperDark,
             buttonLinkDangerBackgroundSelected: r(e.white, 0.08),
-            buttonLinkDangerBackgroundInverse: r(e.white, 0.01),
+            buttonLinkDangerBackgroundInverse: r(e.white, 0),
             buttonLinkDangerBackgroundInverseSelected: r(e.white, 0.08),
             buttonLinkBackgroundSelected: r(e.white, 0.08),
             buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
@@ -224,6 +230,8 @@ const e = {
             textLinkInverse: e.vivoPurpleLight50,
             textLinkDanger: e.pepper,
             textLinkSnackbar: e.vivoPurpleLight50,
+            textActivated: e.vivoPurpleLight80,
+            textBrand: e.vivoPurpleLight80,
             control: e.darkModeGrey6,
             controlActivated: e.vivoPurpleLight80,
             controlInverse: e.darkModeGrey6,
@@ -256,6 +264,8 @@ const e = {
             success: e.vivoGreen,
             warning: e.orange,
             error: e.pepper,
+            textError: e.pepper,
+            textErrorInverse: e.pepper,
             promo: e.vivoPurpleLight80,
             highlight: e.pink,
             successLow: e.darkModeGrey6,

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./slider.css.ts.vanilla.css-mistica.js";
-var h = "_1j1wlhk1 _1y2v1nfhx _1y2v1nfh4 _1y2v1nfha _1y2v1nfhp _1y2v1nfka", n = "_1j1wlhk7 _1y2v1nfi5 _1y2v1nfil _1y2v1nfjt _1y2v1nf4t", f = "_1j1wlhk2", y = "_1j1wlhkd _1y2v1nfh5 _1y2v1nfkh", a = "_1j1wlhk9 _1y2v1nf52 _1y2v1nfjt", r = "_1j1wlhkb", t = "_1j1wlhk5 _1y2v1nfh5 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj", k = "_1j1wlhka", i = "_1y2v1nfhx _1y2v1nfih _1y2v1nfk7";
-export { h as container, n as defaultThumb, f as disabled, y as input, a as iosThumb, r as thumbActive, t as thumbContainer, k as thumbHover, i as track };
+var n = "_1j1wlhk1 _1y2v1nfi7 _1y2v1nfhe _1y2v1nfhk _1y2v1nfhz _1y2v1nfkk", f = "_1j1wlhk7 _1y2v1nfif _1y2v1nfiv _1y2v1nfk3 _1y2v1nf4z", h = "_1j1wlhk2", y = "_1j1wlhkd _1y2v1nfhf _1y2v1nfkr", r = "_1j1wlhk9 _1y2v1nf59 _1y2v1nfk3", k = "_1j1wlhkb", a = "_1j1wlhk5 _1y2v1nfhf _1y2v1nfhk _1y2v1nfhz _1y2v1nfht", i = "_1j1wlhka", t = "_1y2v1nfi7 _1y2v1nfir _1y2v1nfkh";
+export { n as container, f as defaultThumb, h as disabled, y as input, r as iosThumb, k as thumbActive, a as thumbContainer, i as thumbHover, t as track };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./snackbar.css.ts.vanilla.css-mistica.js";
-var _ = 300, a = "o7bjb0a", f = "_1y2v1nfha _1y2v1nfhm", r = {
-    centered: "o7bjb0e _1y2v1nfha _1y2v1nfh5 _1y2v1nfhp _1y2v1nfhj _1y2v1nfle",
-    topRight: "_1y2v1nfha _1y2v1nfh5 _1y2v1nfhp _1y2v1nfhj _1y2v1nfle _1y2v1nfkk"
-}, y = "o7bjb0h _1y2v1nfi7 _1y2v1nfin _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfjt", b = "o7bjb0b", h = "o7bjb01 _1y2v1nfhx _1y2v1nfha _1y2v1nfhj", o = "o7bjb02", p = "o7bjb04 _1y2v1nfh6 _1y2v1nfk3", t = "_1y2v1nf57", e = "_1y2v1nf58", j = "o7bjb07";
-export { _ as TRANSITION_TIME_IN_MS, a as button, f as content, r as dismissButton, y as dismissIcon, b as longButton, h as snackbar, o as snackbarOpen, p as wrapper, t as wrapperCritical, e as wrapperInfo, j as wrapperOpen };
+var f = 300, _ = "o7bjb0a", r = "_1y2v1nfhk _1y2v1nfhw", y = {
+    centered: "o7bjb0e _1y2v1nfhk _1y2v1nfhf _1y2v1nfhz _1y2v1nfht _1y2v1nflo",
+    topRight: "_1y2v1nfhk _1y2v1nfhf _1y2v1nfhz _1y2v1nfht _1y2v1nflo _1y2v1nfku"
+}, a = "o7bjb0h _1y2v1nfih _1y2v1nfix _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3", o = "o7bjb0b", b = "o7bjb01 _1y2v1nfi7 _1y2v1nfhk _1y2v1nfht", h = "o7bjb02", t = "o7bjb04 _1y2v1nfhg _1y2v1nfkd", p = "_1y2v1nf5e", e = "_1y2v1nf5f", i = "o7bjb07";
+export { f as TRANSITION_TIME_IN_MS, _ as button, r as content, y as dismissButton, a as dismissIcon, o as longButton, b as snackbar, h as snackbarOpen, t as wrapper, p as wrapperCritical, e as wrapperInfo, i as wrapperOpen };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./spinner.css.ts.vanilla.css-mistica.js";
-var t = "_1fthc594 _1y2v1nfhs _1y2v1nfhc", f = "_1fthc595", h = "_1y2v1nfhs _1y2v1nfhc", v = "_1fthc597";
-export { t as spinnerDefault, f as spinnerDefaultPath, h as spinnerIos, v as spinnerIosSvgPath };
+var t = "_1fthc594 _1y2v1nfi2 _1y2v1nfhm", f = "_1fthc595", v = "_1y2v1nfi2 _1y2v1nfhm", a = "_1fthc597";
+export { t as spinnerDefault, f as spinnerDefaultPath, v as spinnerIos, a as spinnerIosSvgPath };