@telefonica/mistica 16.11.2 → 16.13.0

package/css/telefonica.css

@@ -36,7 +36,7 @@
     --mistica-telefonica-orchid40: #d694f4;
 
     /* Raw palette colors, for use with rgba() */
-    --mistica-telefonica-raw-telefonicaBlue: 0, 102, 255;
+    --mistica-telefonica-raw-telefonicaBlue70: 3, 86, 201;
     --mistica-telefonica-raw-darkModeBlack: 25, 25, 25;
     --mistica-telefonica-raw-grey6: 88, 97, 122;
     --mistica-telefonica-raw-white: 255, 255, 255;
@@ -48,8 +48,8 @@
     --mistica-color-background: var(--mistica-telefonica-white);
     --mistica-color-backgroundContainer: var(--mistica-telefonica-white);
     --mistica-color-backgroundContainerError: var(--mistica-telefonica-coral10);
-    --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-telefonicaBlue), 0.03);
-    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-telefonica-raw-telefonicaBlue), 0.05);
+    --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-telefonicaBlue70), 0.05);
+    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-telefonica-raw-telefonicaBlue70), 0.08);
     --mistica-color-backgroundContainerBrand: var(--mistica-telefonica-telefonicaBlue);
     --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.2);
     --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.4);
@@ -175,6 +175,18 @@
     --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-turquoise10);
     --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-ambar10);
     --mistica-color-tagBackgroundError: var(--mistica-telefonica-coral10);
+    --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid70);
+    --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
+    --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise70);
+    --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar70);
+    --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral70);
+    --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-orchid10);
+    --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-telefonicaBlue10);
+    --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-grey1);
+    --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-turquoise10);
+    --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-ambar10);
+    --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-coral10);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-telefonica-raw-black), 0) 0%,
@@ -246,8 +258,8 @@
     --mistica-color-backgroundBrandSecondary: var(--mistica-telefonica-darkModeBlack);
     --mistica-color-backgroundContainer: var(--mistica-telefonica-darkModeGrey);
     --mistica-color-backgroundContainerError: var(--mistica-telefonica-darkModeGrey);
-    --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-white), 0.03);
-    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-telefonica-raw-white), 0.05);
+    --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-white), 0.05);
+    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
     --mistica-color-backgroundContainerBrand: var(--mistica-telefonica-darkModeGrey);
     --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-telefonica-raw-white), 0.03);
     --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-telefonica-raw-white), 0.05);
@@ -371,6 +383,18 @@
     --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-darkModeGrey6);
     --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-darkModeGrey6);
     --mistica-color-tagBackgroundError: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid40);
+    --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
+    --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise40);
+    --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar40);
+    --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral40);
+    --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-darkModeGrey6);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-telefonica-raw-black), 0) 0%,
@@ -387,8 +411,8 @@
         --mistica-color-backgroundBrandSecondary: var(--mistica-telefonica-darkModeBlack);
         --mistica-color-backgroundContainer: var(--mistica-telefonica-darkModeGrey);
         --mistica-color-backgroundContainerError: var(--mistica-telefonica-darkModeGrey);
-        --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-white), 0.03);
-        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-telefonica-raw-white), 0.05);
+        --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-white), 0.05);
+        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
         --mistica-color-backgroundContainerBrand: var(--mistica-telefonica-darkModeGrey);
         --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-telefonica-raw-white), 0.03);
         --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-telefonica-raw-white), 0.05);
@@ -521,6 +545,18 @@
         --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-darkModeGrey6);
         --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-darkModeGrey6);
         --mistica-color-tagBackgroundError: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid40);
+        --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
+        --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise40);
+        --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar40);
+        --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral40);
+        --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-darkModeGrey6);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-telefonica-raw-black), 0) 0%,
@@ -536,8 +572,11 @@
         --mistica-color-backgroundBrandSecondary: var(--mistica-telefonica-telefonicaBlue);
         --mistica-color-backgroundContainer: var(--mistica-telefonica-white);
         --mistica-color-backgroundContainerError: var(--mistica-telefonica-coral10);
-        --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-telefonicaBlue), 0.03);
-        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-telefonica-raw-telefonicaBlue), 0.05);
+        --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-telefonicaBlue70), 0.05);
+        --mistica-color-backgroundContainerPressed: rgba(
+            var(--mistica-telefonica-raw-telefonicaBlue70),
+            0.08
+        );
         --mistica-color-backgroundContainerBrand: var(--mistica-telefonica-telefonicaBlue);
         --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.2);
         --mistica-color-backgroundContainerBrandPressed: rgba(
@@ -667,6 +706,18 @@
         --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-turquoise10);
         --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-ambar10);
         --mistica-color-tagBackgroundError: var(--mistica-telefonica-coral10);
+        --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid70);
+        --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
+        --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise70);
+        --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar70);
+        --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral70);
+        --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-orchid10);
+        --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-telefonicaBlue10);
+        --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-grey1);
+        --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-turquoise10);
+        --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-ambar10);
+        --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-coral10);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-telefonica-raw-black), 0) 0%,

package/css/tu.css

@@ -50,8 +50,8 @@
     --mistica-color-background: var(--mistica-tu-white);
     --mistica-color-backgroundContainer: var(--mistica-tu-white);
     --mistica-color-backgroundContainerError: var(--mistica-tu-red10);
-    --mistica-color-backgroundContainerHover: rgba(var(--mistica-tu-raw-grey9), 0.03);
-    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-tu-raw-grey9), 0.05);
+    --mistica-color-backgroundContainerHover: rgba(var(--mistica-tu-raw-grey9), 0.05);
+    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-tu-raw-grey9), 0.08);
     --mistica-color-backgroundContainerBrand: var(--mistica-tu-primary);
     --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-tu-raw-grey9), 0.2);
     --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-tu-raw-grey9), 0.4);
@@ -177,6 +177,18 @@
     --mistica-color-tagBackgroundSuccess: var(--mistica-tu-green10);
     --mistica-color-tagBackgroundWarning: var(--mistica-tu-orange20);
     --mistica-color-tagBackgroundError: var(--mistica-tu-red10);
+    --mistica-color-tagTextPromoInverse: var(--mistica-tu-blue);
+    --mistica-color-tagTextActiveInverse: var(--mistica-tu-blue);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-tu-grey5);
+    --mistica-color-tagTextSuccessInverse: var(--mistica-tu-green75);
+    --mistica-color-tagTextWarningInverse: var(--mistica-tu-orange70);
+    --mistica-color-tagTextErrorInverse: var(--mistica-tu-red70);
+    --mistica-color-tagBackgroundPromoInverse: var(--mistica-tu-blue10);
+    --mistica-color-tagBackgroundActiveInverse: var(--mistica-tu-blue10);
+    --mistica-color-tagBackgroundInactiveInverse: var(--mistica-tu-grey1);
+    --mistica-color-tagBackgroundSuccessInverse: var(--mistica-tu-green10);
+    --mistica-color-tagBackgroundWarningInverse: var(--mistica-tu-orange20);
+    --mistica-color-tagBackgroundErrorInverse: var(--mistica-tu-red10);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-tu-raw-black), 0) 0%,
@@ -248,8 +260,8 @@
     --mistica-color-backgroundBrandSecondary: var(--mistica-tu-darkModeBlack);
     --mistica-color-backgroundContainer: var(--mistica-tu-darkModeGrey);
     --mistica-color-backgroundContainerError: var(--mistica-tu-darkModeGrey);
-    --mistica-color-backgroundContainerHover: rgba(var(--mistica-tu-raw-white), 0.03);
-    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-tu-raw-white), 0.05);
+    --mistica-color-backgroundContainerHover: rgba(var(--mistica-tu-raw-white), 0.05);
+    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-tu-raw-white), 0.08);
     --mistica-color-backgroundContainerBrand: var(--mistica-tu-darkModeGrey);
     --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-tu-raw-white), 0.03);
     --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-tu-raw-white), 0.05);
@@ -373,6 +385,18 @@
     --mistica-color-tagBackgroundSuccess: var(--mistica-tu-darkModeGrey6);
     --mistica-color-tagBackgroundWarning: var(--mistica-tu-darkModeGrey6);
     --mistica-color-tagBackgroundError: var(--mistica-tu-darkModeGrey6);
+    --mistica-color-tagTextPromoInverse: var(--mistica-tu-blue30);
+    --mistica-color-tagTextActiveInverse: var(--mistica-tu-blue30);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-tu-grey5);
+    --mistica-color-tagTextSuccessInverse: var(--mistica-tu-green40);
+    --mistica-color-tagTextWarningInverse: var(--mistica-tu-orange55);
+    --mistica-color-tagTextErrorInverse: var(--mistica-tu-red40);
+    --mistica-color-tagBackgroundPromoInverse: var(--mistica-tu-darkModeGrey6);
+    --mistica-color-tagBackgroundActiveInverse: var(--mistica-tu-darkModeGrey6);
+    --mistica-color-tagBackgroundInactiveInverse: var(--mistica-tu-darkModeGrey6);
+    --mistica-color-tagBackgroundSuccessInverse: var(--mistica-tu-darkModeGrey6);
+    --mistica-color-tagBackgroundWarningInverse: var(--mistica-tu-darkModeGrey6);
+    --mistica-color-tagBackgroundErrorInverse: var(--mistica-tu-darkModeGrey6);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-tu-raw-black), 0) 0%,
@@ -389,8 +413,8 @@
         --mistica-color-backgroundBrandSecondary: var(--mistica-tu-darkModeBlack);
         --mistica-color-backgroundContainer: var(--mistica-tu-darkModeGrey);
         --mistica-color-backgroundContainerError: var(--mistica-tu-darkModeGrey);
-        --mistica-color-backgroundContainerHover: rgba(var(--mistica-tu-raw-white), 0.03);
-        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-tu-raw-white), 0.05);
+        --mistica-color-backgroundContainerHover: rgba(var(--mistica-tu-raw-white), 0.05);
+        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-tu-raw-white), 0.08);
         --mistica-color-backgroundContainerBrand: var(--mistica-tu-darkModeGrey);
         --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-tu-raw-white), 0.03);
         --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-tu-raw-white), 0.05);
@@ -514,6 +538,18 @@
         --mistica-color-tagBackgroundSuccess: var(--mistica-tu-darkModeGrey6);
         --mistica-color-tagBackgroundWarning: var(--mistica-tu-darkModeGrey6);
         --mistica-color-tagBackgroundError: var(--mistica-tu-darkModeGrey6);
+        --mistica-color-tagTextPromoInverse: var(--mistica-tu-blue30);
+        --mistica-color-tagTextActiveInverse: var(--mistica-tu-blue30);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-tu-grey5);
+        --mistica-color-tagTextSuccessInverse: var(--mistica-tu-green40);
+        --mistica-color-tagTextWarningInverse: var(--mistica-tu-orange55);
+        --mistica-color-tagTextErrorInverse: var(--mistica-tu-red40);
+        --mistica-color-tagBackgroundPromoInverse: var(--mistica-tu-darkModeGrey6);
+        --mistica-color-tagBackgroundActiveInverse: var(--mistica-tu-darkModeGrey6);
+        --mistica-color-tagBackgroundInactiveInverse: var(--mistica-tu-darkModeGrey6);
+        --mistica-color-tagBackgroundSuccessInverse: var(--mistica-tu-darkModeGrey6);
+        --mistica-color-tagBackgroundWarningInverse: var(--mistica-tu-darkModeGrey6);
+        --mistica-color-tagBackgroundErrorInverse: var(--mistica-tu-darkModeGrey6);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-tu-raw-black), 0) 0%,
@@ -529,8 +565,8 @@
         --mistica-color-backgroundBrandSecondary: var(--mistica-tu-blue);
         --mistica-color-backgroundContainer: var(--mistica-tu-white);
         --mistica-color-backgroundContainerError: var(--mistica-tu-red10);
-        --mistica-color-backgroundContainerHover: rgba(var(--mistica-tu-raw-grey9), 0.03);
-        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-tu-raw-grey9), 0.05);
+        --mistica-color-backgroundContainerHover: rgba(var(--mistica-tu-raw-grey9), 0.05);
+        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-tu-raw-grey9), 0.08);
         --mistica-color-backgroundContainerBrand: var(--mistica-tu-primary);
         --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-tu-raw-grey9), 0.2);
         --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-tu-raw-grey9), 0.4);
@@ -654,6 +690,18 @@
         --mistica-color-tagBackgroundSuccess: var(--mistica-tu-green10);
         --mistica-color-tagBackgroundWarning: var(--mistica-tu-orange20);
         --mistica-color-tagBackgroundError: var(--mistica-tu-red10);
+        --mistica-color-tagTextPromoInverse: var(--mistica-tu-blue);
+        --mistica-color-tagTextActiveInverse: var(--mistica-tu-blue);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-tu-grey5);
+        --mistica-color-tagTextSuccessInverse: var(--mistica-tu-green75);
+        --mistica-color-tagTextWarningInverse: var(--mistica-tu-orange70);
+        --mistica-color-tagTextErrorInverse: var(--mistica-tu-red70);
+        --mistica-color-tagBackgroundPromoInverse: var(--mistica-tu-blue10);
+        --mistica-color-tagBackgroundActiveInverse: var(--mistica-tu-blue10);
+        --mistica-color-tagBackgroundInactiveInverse: var(--mistica-tu-grey1);
+        --mistica-color-tagBackgroundSuccessInverse: var(--mistica-tu-green10);
+        --mistica-color-tagBackgroundWarningInverse: var(--mistica-tu-orange20);
+        --mistica-color-tagBackgroundErrorInverse: var(--mistica-tu-red10);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-tu-raw-black), 0) 0%,

package/css/vivo-new.css

@@ -44,8 +44,8 @@
     --mistica-color-backgroundBrandSecondary: var(--mistica-vivo-new-vivoPurpleLight80);
     --mistica-color-backgroundContainer: var(--mistica-vivo-new-white);
     --mistica-color-backgroundContainerError: var(--mistica-vivo-new-pepperLight10);
-    --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.03);
-    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.05);
+    --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.05);
+    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.08);
     --mistica-color-backgroundContainerBrand: var(--mistica-vivo-new-vivoPurple);
     --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.2);
     --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.4);
@@ -169,6 +169,18 @@
     --mistica-color-tagBackgroundSuccess: var(--mistica-vivo-new-vivoGreenLight10);
     --mistica-color-tagBackgroundWarning: var(--mistica-vivo-new-orangeLight10);
     --mistica-color-tagBackgroundError: var(--mistica-vivo-new-pepperLight10);
+    --mistica-color-tagTextPromoInverse: var(--mistica-vivo-new-vivoPurple);
+    --mistica-color-tagTextActiveInverse: var(--mistica-vivo-new-vivoPurple);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-vivo-new-grey5);
+    --mistica-color-tagTextSuccessInverse: var(--mistica-vivo-new-vivoGreenDark);
+    --mistica-color-tagTextWarningInverse: var(--mistica-vivo-new-orangeDark);
+    --mistica-color-tagTextErrorInverse: var(--mistica-vivo-new-pepperDark80);
+    --mistica-color-tagBackgroundPromoInverse: var(--mistica-vivo-new-vivoPurpleLight10);
+    --mistica-color-tagBackgroundActiveInverse: var(--mistica-vivo-new-vivoPurpleLight10);
+    --mistica-color-tagBackgroundInactiveInverse: var(--mistica-vivo-new-grey1);
+    --mistica-color-tagBackgroundSuccessInverse: var(--mistica-vivo-new-vivoGreenLight10);
+    --mistica-color-tagBackgroundWarningInverse: var(--mistica-vivo-new-orangeLight10);
+    --mistica-color-tagBackgroundErrorInverse: var(--mistica-vivo-new-pepperLight10);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-vivo-new-raw-grey6), 0) 0%,
@@ -240,8 +252,8 @@
     --mistica-color-backgroundBrandSecondary: var(--mistica-vivo-new-darkModeBlack);
     --mistica-color-backgroundContainer: var(--mistica-vivo-new-darkModeGrey);
     --mistica-color-backgroundContainerError: var(--mistica-vivo-new-darkModeGrey);
-    --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-new-raw-white), 0.03);
-    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-new-raw-white), 0.05);
+    --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-new-raw-white), 0.05);
+    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-new-raw-white), 0.08);
     --mistica-color-backgroundContainerBrand: var(--mistica-vivo-new-darkModeGrey);
     --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-vivo-new-raw-white), 0.03);
     --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-vivo-new-raw-white), 0.05);
@@ -365,6 +377,18 @@
     --mistica-color-tagBackgroundSuccess: var(--mistica-vivo-new-darkModeGrey6);
     --mistica-color-tagBackgroundWarning: var(--mistica-vivo-new-darkModeGrey6);
     --mistica-color-tagBackgroundError: var(--mistica-vivo-new-darkModeGrey6);
+    --mistica-color-tagTextPromoInverse: var(--mistica-vivo-new-vivoPurpleLight50);
+    --mistica-color-tagTextActiveInverse: var(--mistica-vivo-new-vivoPurpleLight80);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-vivo-new-grey5);
+    --mistica-color-tagTextSuccessInverse: var(--mistica-vivo-new-vivoGreenLight30);
+    --mistica-color-tagTextWarningInverse: var(--mistica-vivo-new-orangeLight40);
+    --mistica-color-tagTextErrorInverse: var(--mistica-vivo-new-pepperLight40);
+    --mistica-color-tagBackgroundPromoInverse: var(--mistica-vivo-new-darkModeGrey6);
+    --mistica-color-tagBackgroundActiveInverse: var(--mistica-vivo-new-darkModeGrey6);
+    --mistica-color-tagBackgroundInactiveInverse: var(--mistica-vivo-new-darkModeGrey6);
+    --mistica-color-tagBackgroundSuccessInverse: var(--mistica-vivo-new-darkModeGrey6);
+    --mistica-color-tagBackgroundWarningInverse: var(--mistica-vivo-new-darkModeGrey6);
+    --mistica-color-tagBackgroundErrorInverse: var(--mistica-vivo-new-darkModeGrey6);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-vivo-new-raw-grey6), 0) 0%,
@@ -381,8 +405,8 @@
         --mistica-color-backgroundBrandSecondary: var(--mistica-vivo-new-darkModeBlack);
         --mistica-color-backgroundContainer: var(--mistica-vivo-new-darkModeGrey);
         --mistica-color-backgroundContainerError: var(--mistica-vivo-new-darkModeGrey);
-        --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-new-raw-white), 0.03);
-        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-new-raw-white), 0.05);
+        --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-new-raw-white), 0.05);
+        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-new-raw-white), 0.08);
         --mistica-color-backgroundContainerBrand: var(--mistica-vivo-new-darkModeGrey);
         --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-vivo-new-raw-white), 0.03);
         --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-vivo-new-raw-white), 0.05);
@@ -512,6 +536,18 @@
         --mistica-color-tagBackgroundSuccess: var(--mistica-vivo-new-darkModeGrey6);
         --mistica-color-tagBackgroundWarning: var(--mistica-vivo-new-darkModeGrey6);
         --mistica-color-tagBackgroundError: var(--mistica-vivo-new-darkModeGrey6);
+        --mistica-color-tagTextPromoInverse: var(--mistica-vivo-new-vivoPurpleLight50);
+        --mistica-color-tagTextActiveInverse: var(--mistica-vivo-new-vivoPurpleLight80);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-vivo-new-grey5);
+        --mistica-color-tagTextSuccessInverse: var(--mistica-vivo-new-vivoGreenLight30);
+        --mistica-color-tagTextWarningInverse: var(--mistica-vivo-new-orangeLight40);
+        --mistica-color-tagTextErrorInverse: var(--mistica-vivo-new-pepperLight40);
+        --mistica-color-tagBackgroundPromoInverse: var(--mistica-vivo-new-darkModeGrey6);
+        --mistica-color-tagBackgroundActiveInverse: var(--mistica-vivo-new-darkModeGrey6);
+        --mistica-color-tagBackgroundInactiveInverse: var(--mistica-vivo-new-darkModeGrey6);
+        --mistica-color-tagBackgroundSuccessInverse: var(--mistica-vivo-new-darkModeGrey6);
+        --mistica-color-tagBackgroundWarningInverse: var(--mistica-vivo-new-darkModeGrey6);
+        --mistica-color-tagBackgroundErrorInverse: var(--mistica-vivo-new-darkModeGrey6);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-vivo-new-raw-grey6), 0) 0%,
@@ -527,8 +563,8 @@
         --mistica-color-backgroundBrandSecondary: var(--mistica-vivo-new-vivoPurpleLight80);
         --mistica-color-backgroundContainer: var(--mistica-vivo-new-white);
         --mistica-color-backgroundContainerError: var(--mistica-vivo-new-pepperLight10);
-        --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.03);
-        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.05);
+        --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.05);
+        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.08);
         --mistica-color-backgroundContainerBrand: var(--mistica-vivo-new-vivoPurple);
         --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.2);
         --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-vivo-new-raw-darkModeBlack), 0.4);
@@ -655,6 +691,18 @@
         --mistica-color-tagBackgroundSuccess: var(--mistica-vivo-new-vivoGreenLight10);
         --mistica-color-tagBackgroundWarning: var(--mistica-vivo-new-orangeLight10);
         --mistica-color-tagBackgroundError: var(--mistica-vivo-new-pepperLight10);
+        --mistica-color-tagTextPromoInverse: var(--mistica-vivo-new-vivoPurple);
+        --mistica-color-tagTextActiveInverse: var(--mistica-vivo-new-vivoPurple);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-vivo-new-grey5);
+        --mistica-color-tagTextSuccessInverse: var(--mistica-vivo-new-vivoGreenDark);
+        --mistica-color-tagTextWarningInverse: var(--mistica-vivo-new-orangeDark);
+        --mistica-color-tagTextErrorInverse: var(--mistica-vivo-new-pepperDark80);
+        --mistica-color-tagBackgroundPromoInverse: var(--mistica-vivo-new-vivoPurpleLight10);
+        --mistica-color-tagBackgroundActiveInverse: var(--mistica-vivo-new-vivoPurpleLight10);
+        --mistica-color-tagBackgroundInactiveInverse: var(--mistica-vivo-new-grey1);
+        --mistica-color-tagBackgroundSuccessInverse: var(--mistica-vivo-new-vivoGreenLight10);
+        --mistica-color-tagBackgroundWarningInverse: var(--mistica-vivo-new-orangeLight10);
+        --mistica-color-tagBackgroundErrorInverse: var(--mistica-vivo-new-pepperLight10);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-vivo-new-raw-grey6), 0) 0%,
@@ -673,7 +721,7 @@
         --mistica-line-height-2: 1.5rem;
         --mistica-font-size-3: 1.125rem;
         --mistica-line-height-3: 1.5rem;
-        --mistica-font-size-4: 1.25rem;
+        --mistica-font-size-4: 1.5rem;
         --mistica-line-height-4: 1.75rem;
         --mistica-font-size-5: 1.75rem;
         --mistica-line-height-5: 2rem;
@@ -693,7 +741,7 @@
         --mistica-font-size-tabsLabel: 1.125rem;
         --mistica-line-height-tabsLabel: 1.5rem;
 
-        --mistica-font-size-title3: 1.25rem;
+        --mistica-font-size-title3: 1.5rem;
         --mistica-line-height-title3: 1.75rem;
     }
 }

package/css/vivo.css

@@ -45,8 +45,8 @@
     --mistica-color-backgroundBrandSecondary: var(--mistica-vivo-vivoPurple);
     --mistica-color-backgroundContainer: var(--mistica-vivo-white);
     --mistica-color-backgroundContainerError: var(--mistica-vivo-pepperLight10);
-    --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.03);
-    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.05);
+    --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.05);
+    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.08);
     --mistica-color-backgroundContainerBrand: var(--mistica-vivo-vivoPurple);
     --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.2);
     --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.4);
@@ -170,6 +170,18 @@
     --mistica-color-tagBackgroundSuccess: var(--mistica-vivo-vivoGreenLight10);
     --mistica-color-tagBackgroundWarning: var(--mistica-vivo-orangeLight10);
     --mistica-color-tagBackgroundError: var(--mistica-vivo-pepperLight10);
+    --mistica-color-tagTextPromoInverse: var(--mistica-vivo-vivoPurple);
+    --mistica-color-tagTextActiveInverse: var(--mistica-vivo-vivoPurple);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-vivo-grey5);
+    --mistica-color-tagTextSuccessInverse: var(--mistica-vivo-vivoGreenDark);
+    --mistica-color-tagTextWarningInverse: var(--mistica-vivo-orangeDark);
+    --mistica-color-tagTextErrorInverse: var(--mistica-vivo-pepperDark80);
+    --mistica-color-tagBackgroundPromoInverse: var(--mistica-vivo-vivoPurpleLight10);
+    --mistica-color-tagBackgroundActiveInverse: var(--mistica-vivo-vivoPurpleLight10);
+    --mistica-color-tagBackgroundInactiveInverse: var(--mistica-vivo-grey1);
+    --mistica-color-tagBackgroundSuccessInverse: var(--mistica-vivo-vivoGreenLight10);
+    --mistica-color-tagBackgroundWarningInverse: var(--mistica-vivo-orangeLight10);
+    --mistica-color-tagBackgroundErrorInverse: var(--mistica-vivo-pepperLight10);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-vivo-raw-grey6), 0) 0%,
@@ -241,8 +253,8 @@
     --mistica-color-backgroundBrandSecondary: var(--mistica-vivo-darkModeBlack);
     --mistica-color-backgroundContainer: var(--mistica-vivo-darkModeGrey);
     --mistica-color-backgroundContainerError: var(--mistica-vivo-darkModeGrey);
-    --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-raw-white), 0.03);
-    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-raw-white), 0.05);
+    --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-raw-white), 0.05);
+    --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-raw-white), 0.08);
     --mistica-color-backgroundContainerBrand: var(--mistica-vivo-darkModeGrey);
     --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-vivo-raw-white), 0.03);
     --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-vivo-raw-white), 0.05);
@@ -366,6 +378,18 @@
     --mistica-color-tagBackgroundSuccess: var(--mistica-vivo-darkModeGrey6);
     --mistica-color-tagBackgroundWarning: var(--mistica-vivo-darkModeGrey6);
     --mistica-color-tagBackgroundError: var(--mistica-vivo-darkModeGrey6);
+    --mistica-color-tagTextPromoInverse: var(--mistica-vivo-vivoPurpleLight50);
+    --mistica-color-tagTextActiveInverse: var(--mistica-vivo-vivoPurpleLight80);
+    --mistica-color-tagTextInactiveInverse: var(--mistica-vivo-grey5);
+    --mistica-color-tagTextSuccessInverse: var(--mistica-vivo-vivoGreenLight30);
+    --mistica-color-tagTextWarningInverse: var(--mistica-vivo-orangeLight40);
+    --mistica-color-tagTextErrorInverse: var(--mistica-vivo-pepperLight40);
+    --mistica-color-tagBackgroundPromoInverse: var(--mistica-vivo-darkModeGrey6);
+    --mistica-color-tagBackgroundActiveInverse: var(--mistica-vivo-darkModeGrey6);
+    --mistica-color-tagBackgroundInactiveInverse: var(--mistica-vivo-darkModeGrey6);
+    --mistica-color-tagBackgroundSuccessInverse: var(--mistica-vivo-darkModeGrey6);
+    --mistica-color-tagBackgroundWarningInverse: var(--mistica-vivo-darkModeGrey6);
+    --mistica-color-tagBackgroundErrorInverse: var(--mistica-vivo-darkModeGrey6);
     --mistica-color-cardContentOverlay: linear-gradient(
         180deg,
         rgba(var(--mistica-vivo-raw-grey6), 0) 0%,
@@ -382,8 +406,8 @@
         --mistica-color-backgroundBrandSecondary: var(--mistica-vivo-darkModeBlack);
         --mistica-color-backgroundContainer: var(--mistica-vivo-darkModeGrey);
         --mistica-color-backgroundContainerError: var(--mistica-vivo-darkModeGrey);
-        --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-raw-white), 0.03);
-        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-raw-white), 0.05);
+        --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-raw-white), 0.05);
+        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-raw-white), 0.08);
         --mistica-color-backgroundContainerBrand: var(--mistica-vivo-darkModeGrey);
         --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-vivo-raw-white), 0.03);
         --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-vivo-raw-white), 0.05);
@@ -507,6 +531,18 @@
         --mistica-color-tagBackgroundSuccess: var(--mistica-vivo-darkModeGrey6);
         --mistica-color-tagBackgroundWarning: var(--mistica-vivo-darkModeGrey6);
         --mistica-color-tagBackgroundError: var(--mistica-vivo-darkModeGrey6);
+        --mistica-color-tagTextPromoInverse: var(--mistica-vivo-vivoPurpleLight50);
+        --mistica-color-tagTextActiveInverse: var(--mistica-vivo-vivoPurpleLight80);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-vivo-grey5);
+        --mistica-color-tagTextSuccessInverse: var(--mistica-vivo-vivoGreenLight30);
+        --mistica-color-tagTextWarningInverse: var(--mistica-vivo-orangeLight40);
+        --mistica-color-tagTextErrorInverse: var(--mistica-vivo-pepperLight40);
+        --mistica-color-tagBackgroundPromoInverse: var(--mistica-vivo-darkModeGrey6);
+        --mistica-color-tagBackgroundActiveInverse: var(--mistica-vivo-darkModeGrey6);
+        --mistica-color-tagBackgroundInactiveInverse: var(--mistica-vivo-darkModeGrey6);
+        --mistica-color-tagBackgroundSuccessInverse: var(--mistica-vivo-darkModeGrey6);
+        --mistica-color-tagBackgroundWarningInverse: var(--mistica-vivo-darkModeGrey6);
+        --mistica-color-tagBackgroundErrorInverse: var(--mistica-vivo-darkModeGrey6);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-vivo-raw-grey6), 0) 0%,
@@ -522,8 +558,8 @@
         --mistica-color-backgroundBrandSecondary: var(--mistica-vivo-vivoPurple);
         --mistica-color-backgroundContainer: var(--mistica-vivo-white);
         --mistica-color-backgroundContainerError: var(--mistica-vivo-pepperLight10);
-        --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.03);
-        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.05);
+        --mistica-color-backgroundContainerHover: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.05);
+        --mistica-color-backgroundContainerPressed: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.08);
         --mistica-color-backgroundContainerBrand: var(--mistica-vivo-vivoPurple);
         --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.2);
         --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-vivo-raw-darkModeBlack), 0.4);
@@ -647,6 +683,18 @@
         --mistica-color-tagBackgroundSuccess: var(--mistica-vivo-vivoGreenLight10);
         --mistica-color-tagBackgroundWarning: var(--mistica-vivo-orangeLight10);
         --mistica-color-tagBackgroundError: var(--mistica-vivo-pepperLight10);
+        --mistica-color-tagTextPromoInverse: var(--mistica-vivo-vivoPurple);
+        --mistica-color-tagTextActiveInverse: var(--mistica-vivo-vivoPurple);
+        --mistica-color-tagTextInactiveInverse: var(--mistica-vivo-grey5);
+        --mistica-color-tagTextSuccessInverse: var(--mistica-vivo-vivoGreenDark);
+        --mistica-color-tagTextWarningInverse: var(--mistica-vivo-orangeDark);
+        --mistica-color-tagTextErrorInverse: var(--mistica-vivo-pepperDark80);
+        --mistica-color-tagBackgroundPromoInverse: var(--mistica-vivo-vivoPurpleLight10);
+        --mistica-color-tagBackgroundActiveInverse: var(--mistica-vivo-vivoPurpleLight10);
+        --mistica-color-tagBackgroundInactiveInverse: var(--mistica-vivo-grey1);
+        --mistica-color-tagBackgroundSuccessInverse: var(--mistica-vivo-vivoGreenLight10);
+        --mistica-color-tagBackgroundWarningInverse: var(--mistica-vivo-orangeLight10);
+        --mistica-color-tagBackgroundErrorInverse: var(--mistica-vivo-pepperLight10);
         --mistica-color-cardContentOverlay: linear-gradient(
             180deg,
             rgba(var(--mistica-vivo-raw-grey6), 0) 0%,

package/dist/accordion.css-mistica.js

@@ -13,16 +13,16 @@ _export(exports, {
         return n;
     },
     chevronContainer: function() {
-        return s;
+        return e;
     },
     itemContent: function() {
-        return e;
+        return s;
     },
     panel: function() {
-        return r;
+        return a;
     },
     panelContainer: function() {
-        return a;
+        return r;
     },
     panelTransitionClasses: function() {
         return t;
@@ -39,9 +39,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./accordion.css.ts.vanilla.css-mistica.js");
-var n = "v16_11_2_1y2v1nfib", s = "v16_11_2_8s3szx4", e = "v16_11_2_1y2v1nf7h v16_11_2_1y2v1nf8q v16_11_2_1y2v1nf9z v16_11_2_1y2v1nfb8 v16_11_2_1y2v1nfib v16_11_2_1y2v1nfk6 v16_11_2_1y2v1nf7g v16_11_2_1y2v1nfhq v16_11_2_1y2v1nfis", r = "v16_11_2_8s3szxa", a = "v16_11_2_8s3szx5", t = {
-    enter: "v16_11_2_8s3szx6",
-    enterActive: "v16_11_2_8s3szx7",
-    exit: "v16_11_2_8s3szx8",
-    exitActive: "v16_11_2_8s3szx9"
-}, i = "v16_11_2_8s3szx3", o = "v16_11_2_8s3szx1", x = "v16_11_2_8s3szx2";
+var n = "v16_13_1y2v1nfiz", e = "v16_13_8s3szx4", s = "v16_13_1y2v1nf85 v16_13_1y2v1nf9e v16_13_1y2v1nfan v16_13_1y2v1nfbw v16_13_1y2v1nfiz v16_13_1y2v1nfku v16_13_1y2v1nf84 v16_13_1y2v1nfie v16_13_1y2v1nfjg", a = "v16_13_8s3szxa", r = "v16_13_8s3szx5", t = {
+    enter: "v16_13_8s3szx6",
+    enterActive: "v16_13_8s3szx7",
+    exit: "v16_13_8s3szx8",
+    exitActive: "v16_13_8s3szx9"
+}, i = "v16_13_8s3szx3", o = "v16_13_8s3szx1", x = "v16_13_8s3szx2";

package/dist/align.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "container", {
     }
 });
 require("./align.css.ts.vanilla.css-mistica.js");
-var o = "v16_11_2_1mfs0fk0";
+var o = "v16_13_1mfs0fk0";

package/dist/avatar.css-mistica.js

@@ -10,11 +10,11 @@ function _export(target, all) {
 }
 _export(exports, {
     avatar: function() {
-        return v;
+        return _;
     },
     image: function() {
         return a;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var v = "v16_11_2_1y2v1nfkm v16_11_2_1y2v1nfho v16_11_2_1y2v1nfi3 v16_11_2_1y2v1nfhx v16_11_2_1y2v1nfkp", a = "v16_11_2_1y2v1nfmj";
+var _ = "v16_13_1y2v1nfla v16_13_1y2v1nfic v16_13_1y2v1nfir v16_13_1y2v1nfil v16_13_1y2v1nfld", a = "v16_13_1y2v1nfn7";

package/dist/badge.css-mistica.js

@@ -19,15 +19,15 @@ _export(exports, {
         return d;
     },
     badgeNumber: function() {
-        return e;
+        return i;
     },
     badgeWithChildren: function() {
-        return n;
+        return e;
     },
     container: function() {
-        return h;
+        return n;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./badge.css.ts.vanilla.css-mistica.js");
-var r = "v16_11_2_17szrmd2 v16_11_2_1y2v1nf5h", a = "v16_11_2_17szrmd7", d = "v16_11_2_17szrmd3", e = "v16_11_2_17szrmd5 v16_11_2_17szrmd2 v16_11_2_1y2v1nf5h v16_11_2_1y2v1nfho v16_11_2_1y2v1nfi3 v16_11_2_1y2v1nfhx", n = "v16_11_2_1y2v1nfhj", h = "v16_11_2_1y2v1nfhi v16_11_2_1y2v1nfhs";
+var r = "v16_13_17szrmd2 v16_13_1y2v1nf5t", a = "v16_13_17szrmd7", d = "v16_13_17szrmd3", i = "v16_13_17szrmd5 v16_13_17szrmd2 v16_13_1y2v1nf5t v16_13_1y2v1nfic v16_13_1y2v1nfir v16_13_1y2v1nfil", e = "v16_13_1y2v1nfi7", n = "v16_13_1y2v1nfi6 v16_13_1y2v1nfig";

package/dist/box.css-mistica.js

@@ -17,25 +17,25 @@ _export(exports, {
     }
 });
 require("./box.css.ts.vanilla.css-mistica.js");
-var _ = "v16_11_2_1xgjmkvc", a = {
+var _ = "v16_13_1xgjmkvc", a = {
     paddingTop: {
-        desktop: "var(--v16_11_2_1xgjmkv0)",
-        tablet: "var(--v16_11_2_1xgjmkv1)",
-        mobile: "var(--v16_11_2_1xgjmkv2)"
+        desktop: "var(--v16_13_1xgjmkv0)",
+        tablet: "var(--v16_13_1xgjmkv1)",
+        mobile: "var(--v16_13_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v16_11_2_1xgjmkv3)",
-        tablet: "var(--v16_11_2_1xgjmkv4)",
-        mobile: "var(--v16_11_2_1xgjmkv5)"
+        desktop: "var(--v16_13_1xgjmkv3)",
+        tablet: "var(--v16_13_1xgjmkv4)",
+        mobile: "var(--v16_13_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v16_11_2_1xgjmkv6)",
-        tablet: "var(--v16_11_2_1xgjmkv7)",
-        mobile: "var(--v16_11_2_1xgjmkv8)"
+        desktop: "var(--v16_13_1xgjmkv6)",
+        tablet: "var(--v16_13_1xgjmkv7)",
+        mobile: "var(--v16_13_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v16_11_2_1xgjmkv9)",
-        tablet: "var(--v16_11_2_1xgjmkva)",
-        mobile: "var(--v16_11_2_1xgjmkvb)"
+        desktop: "var(--v16_13_1xgjmkv9)",
+        tablet: "var(--v16_13_1xgjmkva)",
+        mobile: "var(--v16_13_1xgjmkvb)"
     }
 };