@telefonica/mistica 14.9.0 → 14.11.0

package/dist-es/skins/telefonica.js

@@ -1,5 +1,5 @@
-import { applyAlpha as r } from "../utils/color.js";
 import { TELEFONICA_SKIN as o } from "./constants.js";
+import { applyAlpha as r } from "../utils/color.js";
 const e = {
     telefonicaBlue: "#0066FF",
     telefonicaBlue10: "#E5F0FF",
@@ -36,18 +36,22 @@ const e = {
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
-}, n = ()=>({
+}, c = ()=>({
         name: o,
         colors: {
             appBarBackground: e.white,
             background: e.white,
             backgroundContainer: e.white,
+            backgroundContainerHover: r(e.telefonicaBlue, 0.03),
+            backgroundContainerPressed: r(e.telefonicaBlue, 0.05),
             backgroundContainerBrand: e.telefonicaBlue,
+            backgroundContainerBrandHover: r(e.darkModeBlack, 0.2),
+            backgroundContainerBrandPressed: r(e.darkModeBlack, 0.4),
             backgroundContainerBrandOverInverse: e.telefonicaBlue70,
             backgroundContainerAlternative: e.grey1,
             backgroundBrand: e.telefonicaBlue,
             backgroundBrandSecondary: e.telefonicaBlue,
-            backgroundOverlay: r(e.grey6, 0.6),
+            backgroundOverlay: r(e.grey6, 0.8),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: e.telefonicaBlue70,
             navigationBarBackground: e.telefonicaBlue,
@@ -58,11 +62,13 @@ const e = {
             border: e.grey2,
             borderHigh: e.grey5,
             borderSelected: e.telefonicaBlue,
+            coverBackgroundHover: r(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
             buttonDangerBackground: e.coral,
             buttonDangerBackgroundSelected: e.coral80,
             buttonDangerBackgroundHover: e.coral80,
             buttonLinkBackgroundSelected: e.grey1,
-            buttonLinkBackgroundInverseSelected: r(e.white, 0.2),
+            buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
             buttonPrimaryBackground: e.telefonicaBlue,
             buttonPrimaryBackgroundInverse: e.white,
             buttonPrimaryBackgroundSelected: e.telefonicaBlue70,
@@ -70,10 +76,10 @@ const e = {
             buttonPrimaryBackgroundInverseSelected: e.telefonicaBlue30,
             buttonSecondaryBorder: e.telefonicaBlue,
             buttonSecondaryBorderSelected: e.telefonicaBlue70,
-            buttonSecondaryBorderInverse: e.white,
-            buttonSecondaryBorderInverseSelected: e.white,
             buttonSecondaryBackgroundHover: e.telefonicaBlue10,
             buttonSecondaryBackgroundSelected: e.telefonicaBlue10,
+            buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderInverseSelected: e.white,
             buttonSecondaryBackgroundInverseHover: r(e.white, 0.1),
             buttonSecondaryBackgroundInverseSelected: r(e.white, 0.1),
             textButtonPrimary: e.white,
@@ -106,10 +112,9 @@ const e = {
             inverse: e.white,
             neutralHigh: e.grey9,
             neutralMedium: e.grey5,
+            neutralMediumInverse: e.grey5,
             neutralLow: e.grey1,
             neutralLowAlternative: e.grey2,
-            promo: e.orchid,
-            highlight: e.coral40,
             textPrimary: e.grey9,
             textPrimaryInverse: e.white,
             textSecondary: e.grey5,
@@ -117,12 +122,8 @@ const e = {
             error: e.coral,
             success: e.turquoise,
             warning: e.ambar,
-            textNavigationBarPrimary: e.white,
-            textNavigationBarSecondary: e.grey1,
-            textNavigationSearchBarHint: e.grey1,
-            textNavigationSearchBarText: e.white,
-            textAppBar: e.grey4,
-            textAppBarSelected: e.telefonicaBlue,
+            promo: e.orchid,
+            highlight: e.coral40,
             successLow: e.turquoise10,
             warningLow: e.ambar10,
             errorLow: e.coral10,
@@ -136,39 +137,56 @@ const e = {
             warningHighInverse: e.ambar70,
             errorHighInverse: e.coral70,
             promoHighInverse: e.orchid70,
-            neutralMediumInverse: e.grey5
+            textNavigationBarPrimary: e.white,
+            textNavigationBarSecondary: e.grey1,
+            textNavigationSearchBarHint: e.grey1,
+            textNavigationSearchBarText: e.white,
+            textAppBar: e.grey4,
+            textAppBarSelected: e.telefonicaBlue,
+            customTabsBackground: e.telefonicaBlue
         },
         darkModeColors: {
-            appBarBackground: e.darkModeGrey,
             background: e.darkModeBlack,
+            backgroundAlternative: e.darkModeBlack,
+            backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
+            backgroundContainerHover: r(e.white, 0.03),
+            backgroundContainerPressed: r(e.white, 0.05),
             backgroundContainerBrand: e.darkModeGrey,
+            backgroundContainerBrandHover: r(e.white, 0.03),
+            backgroundContainerBrandPressed: r(e.white, 0.05),
             backgroundContainerBrandOverInverse: e.darkModeGrey,
             backgroundContainerAlternative: e.darkModeGrey,
-            backgroundBrand: e.darkModeBlack,
-            backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: r(e.darkModeGrey, 0.8),
-            backgroundSkeleton: e.darkModeGrey6,
-            backgroundSkeletonInverse: e.darkModeGrey6,
-            navigationBarBackground: e.darkModeBlack,
-            backgroundAlternative: e.darkModeBlack,
+            backgroundSkeleton: e.grey6,
+            backgroundSkeletonInverse: e.grey6,
             backgroundFeedbackBottom: e.darkModeBlack,
+            appBarBackground: e.darkModeGrey,
+            navigationBarBackground: e.darkModeBlack,
             skeletonWave: e.grey5,
             borderLow: e.darkModeBlack,
             border: e.darkModeGrey,
-            buttonLinkBackgroundSelected: r(e.white, 0.05),
-            buttonLinkBackgroundInverseSelected: r(e.white, 0.05),
+            borderHigh: e.grey5,
+            borderSelected: e.telefonicaBlue,
+            coverBackgroundHover: r(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
+            buttonDangerBackground: e.coral,
+            buttonDangerBackgroundSelected: e.coral80,
+            buttonDangerBackgroundHover: e.coral80,
+            buttonLinkBackgroundSelected: r(e.white, 0.08),
+            buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
             buttonPrimaryBackground: e.telefonicaBlue,
             buttonPrimaryBackgroundInverse: e.telefonicaBlue,
             buttonPrimaryBackgroundSelected: e.telefonicaBlue70,
             buttonPrimaryBackgroundHover: e.telefonicaBlue70,
             buttonPrimaryBackgroundInverseSelected: e.telefonicaBlue70,
+            buttonSecondaryBackgroundSelected: r(e.white, 0.15),
             buttonSecondaryBorder: e.white,
+            buttonSecondaryBackgroundHover: r(e.white, 0.15),
             buttonSecondaryBorderSelected: e.white,
             buttonSecondaryBorderInverse: e.white,
             buttonSecondaryBorderInverseSelected: e.white,
-            buttonSecondaryBackgroundHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundSelected: r(e.white, 0.15),
             buttonSecondaryBackgroundInverseHover: r(e.white, 0.15),
             buttonSecondaryBackgroundInverseSelected: r(e.white, 0.15),
             textButtonPrimary: e.grey2,
@@ -180,33 +198,39 @@ const e = {
             textButtonSecondaryInverseSelected: e.grey2,
             textLink: e.telefonicaBlue,
             textLinkInverse: e.telefonicaBlue,
+            textLinkDanger: e.coral,
+            textLinkSnackbar: e.telefonicaBlue30,
             control: e.darkModeGrey6,
             controlActivated: e.telefonicaBlue,
+            controlError: e.coral,
             loadingBar: e.telefonicaBlue,
-            loadingBarBackground: r(e.white, 0.05),
+            loadingBarBackground: e.grey6,
             toggleAndroidInactive: e.grey4,
-            toggleAndroidBackgroundActive: e.grey1,
+            toggleAndroidBackgroundActive: e.telefonicaBlue20,
             iosControlKnob: e.grey2,
             divider: r(e.white, 0.05),
             dividerInverse: r(e.white, 0.05),
             navigationBarDivider: e.darkModeBlack,
+            badge: e.coral70,
+            feedbackErrorBackground: e.coral,
             feedbackInfoBackground: e.grey8,
-            brandHigh: e.grey6,
+            brand: e.telefonicaBlue,
+            brandHigh: r(e.white, 0.05),
             inverse: e.grey2,
             neutralHigh: e.grey2,
             neutralMedium: e.grey5,
+            neutralMediumInverse: e.grey5,
             neutralLow: e.darkModeGrey6,
             neutralLowAlternative: e.darkModeGrey6,
             textPrimary: e.grey2,
             textPrimaryInverse: e.grey2,
             textSecondary: e.grey4,
             textSecondaryInverse: e.grey4,
-            textNavigationBarPrimary: e.grey2,
-            textNavigationBarSecondary: e.grey4,
-            textNavigationSearchBarHint: e.grey4,
-            textNavigationSearchBarText: e.grey2,
-            textAppBar: e.grey5,
-            textAppBarSelected: e.grey2,
+            error: e.coral,
+            success: e.turquoise,
+            warning: e.ambar,
+            promo: e.orchid,
+            highlight: e.coral40,
             successLow: e.darkModeGrey6,
             warningLow: e.darkModeGrey6,
             errorLow: e.darkModeGrey6,
@@ -220,19 +244,48 @@ const e = {
             warningHighInverse: e.ambar70,
             errorHighInverse: e.coral70,
             promoHighInverse: e.orchid70,
-            neutralMediumInverse: e.grey5
+            textNavigationBarPrimary: e.grey2,
+            textNavigationBarSecondary: e.grey4,
+            textNavigationSearchBarHint: e.grey4,
+            textNavigationSearchBarText: e.grey2,
+            textAppBar: e.grey5,
+            textAppBarSelected: e.grey2,
+            customTabsBackground: e.darkModeBlack
         },
         borderRadii: {
+            avatar: "50%",
+            bar: "0px",
             button: "999px",
-            input: "0px",
+            checkbox: "0px",
             container: "0px",
+            indicator: "999px",
+            input: "0px",
             legacyDisplay: "0px",
             popup: "0px",
-            checkbox: "0px",
-            indicator: "999px",
-            sheet: "8px",
-            bar: "0px",
-            avatar: "50%"
+            sheet: "8px"
+        },
+        textPresets: {
+            cardTitle: {
+                weight: "regular"
+            },
+            text5: {
+                weight: "regular"
+            },
+            text6: {
+                weight: "regular"
+            },
+            text7: {
+                weight: "regular"
+            },
+            text8: {
+                weight: "regular"
+            },
+            text9: {
+                weight: "regular"
+            },
+            text10: {
+                weight: "regular"
+            }
         }
     });
-export { n as getTelefonicaSkin, e as palette };
+export { c as getTelefonicaSkin, e as palette };

package/dist-es/skins/vivo.js

@@ -1,19 +1,21 @@
-import { applyAlpha as r } from "../utils/color.js";
 import { VIVO_SKIN as o } from "./constants.js";
+import { applyAlpha as r } from "../utils/color.js";
 const e = {
     vivoPurple: "#660099",
     vivoPurpleDark: "#461E5F",
-    vivoPurpleLight90: "#751AA3",
-    vivoPurpleLight80: "#8433AD",
-    vivoPurpleLight50: "#B280CC",
-    vivoPurpleLight20: "#E0CCEB",
     vivoPurpleLight10: "#EFE5F4",
+    vivoPurpleLight20: "#E0CCEB",
+    vivoPurpleLight50: "#B280CC",
+    vivoPurpleLight80: "#8433AD",
+    vivoPurpleLight90: "#751AA3",
     vivoGreen: "#99CC33",
     vivoGreenDark: "#225C3D",
-    vivoGreenLight30: "#91AE9E",
     vivoGreenLight10: "#EDF8E8",
+    vivoGreen25: "#D6EBAD",
+    vivoGreenLight30: "#91AE9E",
     vivoBlue: "#00ABDB",
     orange: "#FF9900",
+    orange25: "#FFD699",
     orangeDark: "#972A1D",
     orangeLight10: "#FFEFE1",
     orangeLight40: "#FFB84C",
@@ -21,9 +23,9 @@ const e = {
     pepper: "#CC1F59",
     pepperDark: "#B71D63",
     pepperDark80: "#8F2052",
-    pepperLight40: "#DB628B",
-    pepperLight30: "#F7B1CB",
     pepperLight10: "#FCE4EF",
+    pepperLight30: "#F7B1CB",
+    pepperLight40: "#DB628B",
     grey1: "#F6F6F6",
     grey2: "#EEEEEE",
     grey3: "#DDDDDD",
@@ -34,33 +36,39 @@ const e = {
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
-}, a = ()=>({
+}, i = ()=>({
         name: o,
         colors: {
-            appBarBackground: e.white,
             background: e.white,
+            backgroundAlternative: e.grey1,
+            backgroundBrand: e.vivoPurple,
+            backgroundBrandSecondary: e.vivoPurple,
             backgroundContainer: e.white,
-            backgroundContainerAlternative: e.grey1,
+            backgroundContainerHover: r(e.darkModeBlack, 0.03),
+            backgroundContainerPressed: r(e.darkModeBlack, 0.05),
             backgroundContainerBrand: e.vivoPurple,
+            backgroundContainerBrandHover: r(e.darkModeBlack, 0.2),
+            backgroundContainerBrandPressed: r(e.darkModeBlack, 0.4),
             backgroundContainerBrandOverInverse: e.vivoPurpleDark,
-            backgroundBrand: e.vivoPurple,
-            backgroundBrandSecondary: e.vivoPurple,
+            backgroundContainerAlternative: e.grey1,
             backgroundOverlay: r(e.grey6, 0.6),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: e.vivoPurpleDark,
             backgroundFeedbackBottom: e.vivoPurple,
+            appBarBackground: e.white,
             navigationBarBackground: e.vivoPurple,
-            backgroundAlternative: e.grey1,
             skeletonWave: e.grey2,
             borderLow: e.grey1,
             border: e.grey3,
             borderHigh: e.grey5,
             borderSelected: e.vivoPurple,
+            coverBackgroundHover: r(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
             buttonDangerBackground: e.pepper,
             buttonDangerBackgroundSelected: e.pepperDark,
             buttonDangerBackgroundHover: e.pepperDark,
             buttonLinkBackgroundSelected: e.vivoPurpleLight10,
-            buttonLinkBackgroundInverseSelected: r(e.white, 0.2),
+            buttonLinkBackgroundInverseSelected: r(e.white, 0.1),
             buttonPrimaryBackground: e.vivoPurple,
             buttonPrimaryBackgroundInverse: e.white,
             buttonPrimaryBackgroundSelected: e.vivoPurpleDark,
@@ -68,10 +76,10 @@ const e = {
             buttonPrimaryBackgroundInverseSelected: e.vivoPurpleLight50,
             buttonSecondaryBorder: e.vivoPurple,
             buttonSecondaryBorderSelected: e.vivoPurpleDark,
-            buttonSecondaryBorderInverse: e.white,
-            buttonSecondaryBorderInverseSelected: e.white,
             buttonSecondaryBackgroundHover: e.vivoPurpleLight10,
             buttonSecondaryBackgroundSelected: e.vivoPurpleLight10,
+            buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderInverseSelected: e.white,
             buttonSecondaryBackgroundInverseHover: r(e.white, 0.15),
             buttonSecondaryBackgroundInverseSelected: r(e.white, 0.15),
             textButtonPrimary: e.white,
@@ -104,23 +112,18 @@ const e = {
             inverse: e.white,
             neutralHigh: e.grey6,
             neutralMedium: e.grey5,
+            neutralMediumInverse: e.grey5,
             neutralLow: e.grey1,
             neutralLowAlternative: e.grey2,
-            promo: e.vivoPurple,
-            highlight: e.pink,
             textPrimary: e.grey6,
             textPrimaryInverse: e.white,
             textSecondary: e.grey5,
             textSecondaryInverse: e.vivoPurpleLight20,
-            error: e.pepper,
             success: e.vivoGreen,
             warning: e.orange,
-            textNavigationBarPrimary: e.white,
-            textNavigationBarSecondary: e.vivoPurpleLight50,
-            textNavigationSearchBarHint: e.vivoPurpleLight50,
-            textNavigationSearchBarText: e.white,
-            textAppBar: e.grey4,
-            textAppBarSelected: e.vivoPurple,
+            error: e.pepper,
+            promo: e.vivoPurple,
+            highlight: e.pink,
             successLow: e.vivoGreenLight10,
             warningLow: e.orangeLight10,
             errorLow: e.pepperLight10,
@@ -134,41 +137,56 @@ const e = {
             warningHighInverse: e.orangeDark,
             errorHighInverse: e.pepperDark80,
             promoHighInverse: e.vivoPurple,
-            neutralMediumInverse: e.grey5
+            textNavigationBarPrimary: e.white,
+            textNavigationBarSecondary: e.vivoPurpleLight50,
+            textNavigationSearchBarHint: e.vivoPurpleLight50,
+            textNavigationSearchBarText: e.white,
+            textAppBar: e.grey4,
+            textAppBarSelected: e.vivoPurple,
+            customTabsBackground: e.vivoPurple
         },
         darkModeColors: {
-            appBarBackground: e.darkModeGrey,
             background: e.darkModeBlack,
+            backgroundAlternative: e.darkModeBlack,
+            backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
+            backgroundContainerHover: r(e.white, 0.03),
+            backgroundContainerPressed: r(e.white, 0.05),
             backgroundContainerBrand: e.darkModeGrey,
+            backgroundContainerBrandHover: r(e.white, 0.03),
+            backgroundContainerBrandPressed: r(e.white, 0.05),
             backgroundContainerBrandOverInverse: e.darkModeGrey,
             backgroundContainerAlternative: e.darkModeGrey,
-            backgroundBrand: e.darkModeBlack,
-            backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: r(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.darkModeGrey6,
             backgroundSkeletonInverse: e.darkModeGrey6,
-            navigationBarBackground: e.darkModeBlack,
-            backgroundAlternative: e.darkModeBlack,
             backgroundFeedbackBottom: e.darkModeBlack,
+            appBarBackground: e.darkModeGrey,
+            navigationBarBackground: e.darkModeBlack,
             skeletonWave: e.grey5,
             borderLow: e.darkModeBlack,
             border: e.darkModeGrey,
             borderHigh: e.grey5,
-            borderSelected: e.vivoPurpleLight80,
-            buttonLinkBackgroundSelected: r(e.white, 0.05),
-            buttonLinkBackgroundInverseSelected: r(e.white, 0.05),
+            borderSelected: e.vivoPurple,
+            coverBackgroundHover: r(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
+            buttonDangerBackground: e.pepper,
+            buttonDangerBackgroundSelected: e.pepperDark,
+            buttonDangerBackgroundHover: e.pepperDark,
+            buttonLinkBackgroundSelected: r(e.white, 0.08),
+            buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
             buttonPrimaryBackground: e.vivoPurpleLight80,
             buttonPrimaryBackgroundInverse: e.vivoPurpleLight80,
             buttonPrimaryBackgroundSelected: e.vivoPurpleDark,
             buttonPrimaryBackgroundHover: e.vivoPurpleDark,
             buttonPrimaryBackgroundInverseSelected: e.vivoPurpleDark,
+            buttonSecondaryBackgroundHover: r(e.white, 0.15),
+            buttonSecondaryBackgroundSelected: r(e.white, 0.15),
             buttonSecondaryBorder: e.white,
             buttonSecondaryBorderSelected: e.white,
             buttonSecondaryBorderInverse: e.white,
             buttonSecondaryBorderInverseSelected: e.white,
-            buttonSecondaryBackgroundHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundSelected: r(e.white, 0.15),
             buttonSecondaryBackgroundInverseHover: r(e.white, 0.15),
             buttonSecondaryBackgroundInverseSelected: r(e.white, 0.15),
             textButtonPrimary: e.grey2,
@@ -180,8 +198,11 @@ const e = {
             textButtonSecondaryInverseSelected: e.grey2,
             textLink: e.vivoPurpleLight50,
             textLinkInverse: e.vivoPurpleLight50,
+            textLinkDanger: e.pepper,
+            textLinkSnackbar: e.vivoPurpleLight50,
             control: e.darkModeGrey6,
             controlActivated: e.vivoPurpleLight80,
+            controlError: e.pepper,
             loadingBar: e.vivoPurpleLight80,
             loadingBarBackground: e.darkModeGrey6,
             toggleAndroidInactive: e.grey4,
@@ -190,25 +211,26 @@ const e = {
             divider: r(e.white, 0.05),
             dividerInverse: r(e.white, 0.05),
             navigationBarDivider: e.darkModeBlack,
-            feedbackInfoBackground: e.darkModeGrey6,
+            badge: e.pepperDark,
+            feedbackErrorBackground: e.pepper,
+            feedbackInfoBackground: e.grey6,
             brand: e.vivoPurpleLight80,
-            brandHigh: e.darkModeGrey6,
+            brandHigh: r(e.white, 0.05),
             inverse: e.grey2,
             neutralHigh: e.grey2,
             neutralMedium: e.grey5,
+            neutralMediumInverse: e.grey5,
             neutralLow: e.darkModeGrey6,
             neutralLowAlternative: e.darkModeGrey6,
-            promo: e.vivoPurpleLight80,
             textPrimary: e.grey2,
             textPrimaryInverse: e.grey2,
             textSecondary: e.grey4,
             textSecondaryInverse: e.grey4,
-            textNavigationBarPrimary: e.grey2,
-            textNavigationBarSecondary: e.grey4,
-            textNavigationSearchBarHint: e.grey4,
-            textNavigationSearchBarText: e.grey2,
-            textAppBar: e.grey5,
-            textAppBarSelected: e.grey2,
+            success: e.vivoGreen,
+            warning: e.orange,
+            error: e.pepper,
+            promo: e.vivoPurpleLight80,
+            highlight: e.pink,
             successLow: e.darkModeGrey6,
             warningLow: e.darkModeGrey6,
             errorLow: e.darkModeGrey6,
@@ -222,7 +244,48 @@ const e = {
             warningHighInverse: e.orangeDark,
             errorHighInverse: e.pepperDark80,
             promoHighInverse: e.vivoPurple,
-            neutralMediumInverse: e.grey5
+            textNavigationBarPrimary: e.grey2,
+            textNavigationBarSecondary: e.grey4,
+            textNavigationSearchBarHint: e.grey4,
+            textNavigationSearchBarText: e.grey2,
+            textAppBar: e.grey5,
+            textAppBarSelected: e.grey2,
+            customTabsBackground: e.darkModeBlack
+        },
+        borderRadii: {
+            avatar: "50%",
+            bar: "999px",
+            button: "4px",
+            checkbox: "2px",
+            container: "8px",
+            indicator: "999px",
+            input: "8px",
+            legacyDisplay: "16px",
+            popup: "8px",
+            sheet: "8px"
+        },
+        textPresets: {
+            cardTitle: {
+                weight: "light"
+            },
+            text5: {
+                weight: "light"
+            },
+            text6: {
+                weight: "light"
+            },
+            text7: {
+                weight: "light"
+            },
+            text8: {
+                weight: "light"
+            },
+            text9: {
+                weight: "light"
+            },
+            text10: {
+                weight: "light"
+            }
         }
     });
-export { a as getVivoSkin, e as palette };
+export { i 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 = "_1y2v1nf1t", o = "_1y2v1nf26", t = "_1y2v1nf5q _1y2v1nf62", _ = "o7bjb0a", f = "o7bjb01 _1y2v1nf7x _1y2v1nf5q _1y2v1nf5z", p = "o7bjb02", y = "o7bjb04 _1y2v1nf5n _1y2v1nf9z", e = "_1y2v1nf45", i = "_1y2v1nf46", j = "o7bjb07";
-export { a as TRANSITION_TIME_IN_MS, v as button, b as buttonCritical, o as buttonInfo, t as content, _ as longButton, f as snackbar, p as snackbarOpen, y as wrapper, e as wrapperCritical, i as wrapperInfo, j as wrapperOpen };
+var n = 300, v = "o7bjb09", b = "_1y2v1nf1x", o = "_1y2v1nf2a", t = "_1y2v1nf64 _1y2v1nf6g", _ = "o7bjb0a", f = "o7bjb01 _1y2v1nf8b _1y2v1nf64 _1y2v1nf6d", p = "o7bjb02", y = "o7bjb04 _1y2v1nf61 _1y2v1nfad", e = "_1y2v1nf4g", i = "_1y2v1nf4h", j = "o7bjb07";
+export { n as TRANSITION_TIME_IN_MS, v as button, b as buttonCritical, o as buttonInfo, t as content, _ as longButton, f as snackbar, p 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 _1y2v1nf68", a = "_1fthc595", e = "_1y2v1nf68", f = "_1fthc597";
+var t = "_1fthc594 _1y2v1nf6m", a = "_1fthc595", e = "_1y2v1nf6m", f = "_1fthc597";
 export { t as spinnerDefault, a as spinnerDefaultPath, e as spinnerIos, f as spinnerIosSvgPath };