@telefonica/mistica 16.23.0 → 16.25.0

package/css/movistar.css

@@ -34,12 +34,12 @@
     --mistica-movistar-darkModeGrey5: #6d7d88;
     --mistica-movistar-darkModeGrey2: #eaebee;
     --mistica-movistar-pepper45: #ff5f6e;
-    --mistica-movistar-darkModeGrey4: #85939c;
+    --mistica-movistar-darkModeGrey4: #89969f;
     --mistica-movistar-movistarBlue40: #4dbaf7;
+    --mistica-movistar-darkModeGrey7: #032f46;
     --mistica-movistar-movistarGreen: #5cb615;
     --mistica-movistar-egg: #f28d15;
     --mistica-movistar-pink45: #eb5f99;
-    --mistica-movistar-darkModeGrey7: #032f46;
     --mistica-movistar-movistarGreen40: #8dcc5b;
     --mistica-movistar-egg40: #f6af5b;
     --mistica-movistar-darkModeGrey3: #ced4d7;
@@ -113,6 +113,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-movistar-movistarBlue30);
     --mistica-color-textActivated: var(--mistica-movistar-movistarBlueHC);
     --mistica-color-textBrand: var(--mistica-movistar-movistarBlueHC);
+    --mistica-color-inputBorder: var(--mistica-movistar-grey4);
     --mistica-color-control: var(--mistica-movistar-grey4);
     --mistica-color-controlActivated: var(--mistica-movistar-movistarBlue);
     --mistica-color-controlInverse: var(--mistica-movistar-movistarBlue20);
@@ -325,6 +326,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-movistar-movistarBlue);
     --mistica-color-textActivated: var(--mistica-movistar-movistarBlue);
     --mistica-color-textBrand: var(--mistica-movistar-movistarBlue);
+    --mistica-color-inputBorder: var(--mistica-movistar-darkModeGrey4);
     --mistica-color-control: var(--mistica-movistar-darkModeGrey4);
     --mistica-color-controlActivated: var(--mistica-movistar-movistarBlue);
     --mistica-color-controlInverse: var(--mistica-movistar-darkModeGrey4);
@@ -350,8 +352,8 @@
     --mistica-color-neutralHigh: var(--mistica-movistar-darkModeGrey2);
     --mistica-color-neutralMedium: var(--mistica-movistar-darkModeGrey5);
     --mistica-color-neutralMediumInverse: var(--mistica-movistar-grey5);
-    --mistica-color-neutralLow: var(--mistica-movistar-darkModeGrey6);
-    --mistica-color-neutralLowAlternative: var(--mistica-movistar-darkModeGrey6);
+    --mistica-color-neutralLow: var(--mistica-movistar-darkModeGrey7);
+    --mistica-color-neutralLowAlternative: var(--mistica-movistar-darkModeGrey7);
     --mistica-color-textPrimary: var(--mistica-movistar-darkModeGrey2);
     --mistica-color-textPrimaryInverse: var(--mistica-movistar-darkModeGrey2);
     --mistica-color-textSecondary: var(--mistica-movistar-darkModeGrey4);
@@ -488,6 +490,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-movistar-movistarBlue);
         --mistica-color-textActivated: var(--mistica-movistar-movistarBlue);
         --mistica-color-textBrand: var(--mistica-movistar-movistarBlue);
+        --mistica-color-inputBorder: var(--mistica-movistar-darkModeGrey4);
         --mistica-color-control: var(--mistica-movistar-darkModeGrey4);
         --mistica-color-controlActivated: var(--mistica-movistar-movistarBlue);
         --mistica-color-controlInverse: var(--mistica-movistar-darkModeGrey4);
@@ -513,8 +516,8 @@
         --mistica-color-neutralHigh: var(--mistica-movistar-darkModeGrey2);
         --mistica-color-neutralMedium: var(--mistica-movistar-darkModeGrey5);
         --mistica-color-neutralMediumInverse: var(--mistica-movistar-grey5);
-        --mistica-color-neutralLow: var(--mistica-movistar-darkModeGrey6);
-        --mistica-color-neutralLowAlternative: var(--mistica-movistar-darkModeGrey6);
+        --mistica-color-neutralLow: var(--mistica-movistar-darkModeGrey7);
+        --mistica-color-neutralLowAlternative: var(--mistica-movistar-darkModeGrey7);
         --mistica-color-textPrimary: var(--mistica-movistar-darkModeGrey2);
         --mistica-color-textPrimaryInverse: var(--mistica-movistar-darkModeGrey2);
         --mistica-color-textSecondary: var(--mistica-movistar-darkModeGrey4);
@@ -644,6 +647,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-movistar-movistarBlue30);
         --mistica-color-textActivated: var(--mistica-movistar-movistarBlueHC);
         --mistica-color-textBrand: var(--mistica-movistar-movistarBlueHC);
+        --mistica-color-inputBorder: var(--mistica-movistar-grey4);
         --mistica-color-control: var(--mistica-movistar-grey4);
         --mistica-color-controlActivated: var(--mistica-movistar-movistarBlue);
         --mistica-color-controlInverse: var(--mistica-movistar-movistarBlue20);

package/css/o2-new.css

@@ -13,7 +13,7 @@
     --mistica-o2-new-o2Red65: #bf4444;
     --mistica-o2-new-beyondBlue10: #e5edff;
     --mistica-o2-new-beyondBlue30: #80a7ff;
-    --mistica-o2-new-grey45: #8c8c9a;
+    --mistica-o2-new-grey45: #8a8a98;
     --mistica-o2-new-beyondBlue15: #ccdcff;
     --mistica-o2-new-black: #00001e;
     --mistica-o2-new-grey60: #6e6e77;
@@ -119,6 +119,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-o2-new-beyondBlue30);
     --mistica-color-textActivated: var(--mistica-o2-new-beyondBlue);
     --mistica-color-textBrand: var(--mistica-o2-new-beyondBlue);
+    --mistica-color-inputBorder: var(--mistica-o2-new-grey45);
     --mistica-color-control: var(--mistica-o2-new-grey45);
     --mistica-color-controlActivated: var(--mistica-o2-new-beyondBlue);
     --mistica-color-controlInverse: var(--mistica-o2-new-white);
@@ -331,6 +332,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-o2-new-beyondBlue30);
     --mistica-color-textActivated: var(--mistica-o2-new-beyondBlue30);
     --mistica-color-textBrand: var(--mistica-o2-new-beyondBlue30);
+    --mistica-color-inputBorder: var(--mistica-o2-new-grey45);
     --mistica-color-control: var(--mistica-o2-new-grey45);
     --mistica-color-controlActivated: var(--mistica-o2-new-darkModeBeyondBlue);
     --mistica-color-controlInverse: var(--mistica-o2-new-grey45);
@@ -356,8 +358,8 @@
     --mistica-color-neutralHigh: var(--mistica-o2-new-grey30);
     --mistica-color-neutralMedium: var(--mistica-o2-new-grey60);
     --mistica-color-neutralMediumInverse: var(--mistica-o2-new-grey60);
-    --mistica-color-neutralLow: var(--mistica-o2-new-grey80);
-    --mistica-color-neutralLowAlternative: var(--mistica-o2-new-grey80);
+    --mistica-color-neutralLow: var(--mistica-o2-new-darkModeGrey6);
+    --mistica-color-neutralLowAlternative: var(--mistica-o2-new-darkModeGrey6);
     --mistica-color-textPrimary: var(--mistica-o2-new-grey30);
     --mistica-color-textPrimaryInverse: var(--mistica-o2-new-grey30);
     --mistica-color-textSecondary: var(--mistica-o2-new-grey45);
@@ -488,6 +490,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-o2-new-beyondBlue30);
         --mistica-color-textActivated: var(--mistica-o2-new-beyondBlue30);
         --mistica-color-textBrand: var(--mistica-o2-new-beyondBlue30);
+        --mistica-color-inputBorder: var(--mistica-o2-new-grey45);
         --mistica-color-control: var(--mistica-o2-new-grey45);
         --mistica-color-controlActivated: var(--mistica-o2-new-darkModeBeyondBlue);
         --mistica-color-controlInverse: var(--mistica-o2-new-grey45);
@@ -513,8 +516,8 @@
         --mistica-color-neutralHigh: var(--mistica-o2-new-grey30);
         --mistica-color-neutralMedium: var(--mistica-o2-new-grey60);
         --mistica-color-neutralMediumInverse: var(--mistica-o2-new-grey60);
-        --mistica-color-neutralLow: var(--mistica-o2-new-grey80);
-        --mistica-color-neutralLowAlternative: var(--mistica-o2-new-grey80);
+        --mistica-color-neutralLow: var(--mistica-o2-new-darkModeGrey6);
+        --mistica-color-neutralLowAlternative: var(--mistica-o2-new-darkModeGrey6);
         --mistica-color-textPrimary: var(--mistica-o2-new-grey30);
         --mistica-color-textPrimaryInverse: var(--mistica-o2-new-grey30);
         --mistica-color-textSecondary: var(--mistica-o2-new-grey45);
@@ -654,6 +657,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-o2-new-beyondBlue30);
         --mistica-color-textActivated: var(--mistica-o2-new-beyondBlue);
         --mistica-color-textBrand: var(--mistica-o2-new-beyondBlue);
+        --mistica-color-inputBorder: var(--mistica-o2-new-grey45);
         --mistica-color-control: var(--mistica-o2-new-grey45);
         --mistica-color-controlActivated: var(--mistica-o2-new-beyondBlue);
         --mistica-color-controlInverse: var(--mistica-o2-new-white);

package/css/o2.css

@@ -104,6 +104,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-o2-o2BluePrimary30);
     --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary);
     --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary);
+    --mistica-color-inputBorder: var(--mistica-o2-grey3);
     --mistica-color-control: var(--mistica-o2-grey3);
     --mistica-color-controlActivated: var(--mistica-o2-o2BluePrimary);
     --mistica-color-controlInverse: var(--mistica-o2-o2BluePrimary30);
@@ -316,6 +317,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-o2-o2BluePrimary30);
     --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary30);
     --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary30);
+    --mistica-color-inputBorder: var(--mistica-o2-darkModeGrey6);
     --mistica-color-control: var(--mistica-o2-darkModeGrey6);
     --mistica-color-controlActivated: var(--mistica-o2-o2BluePrimary30);
     --mistica-color-controlInverse: var(--mistica-o2-darkModeGrey6);
@@ -473,6 +475,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-o2-o2BluePrimary30);
         --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary30);
         --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary30);
+        --mistica-color-inputBorder: var(--mistica-o2-darkModeGrey6);
         --mistica-color-control: var(--mistica-o2-darkModeGrey6);
         --mistica-color-controlActivated: var(--mistica-o2-o2BluePrimary30);
         --mistica-color-controlInverse: var(--mistica-o2-darkModeGrey6);
@@ -629,6 +632,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-o2-o2BluePrimary30);
         --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary);
         --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary);
+        --mistica-color-inputBorder: var(--mistica-o2-grey3);
         --mistica-color-control: var(--mistica-o2-grey3);
         --mistica-color-controlActivated: var(--mistica-o2-o2BluePrimary);
         --mistica-color-controlInverse: var(--mistica-o2-o2BluePrimary30);

package/css/telefonica.css

@@ -11,9 +11,11 @@
     --mistica-telefonica-coral80: #912c31;
     --mistica-telefonica-telefonicaBlue30: #80b3ff;
     --mistica-telefonica-telefonicaBlue10: #e5f0ff;
+    --mistica-telefonica-grey4: #848ca4;
     --mistica-telefonica-grey3: #b0b6ca;
     --mistica-telefonica-coral70: #d50000;
     --mistica-telefonica-grey9: #031a34;
+    --mistica-telefonica-grey6: #58617a;
     --mistica-telefonica-turquoise: #59c2c9;
     --mistica-telefonica-ambar: #eac344;
     --mistica-telefonica-orchid: #c466ef;
@@ -24,10 +26,8 @@
     --mistica-telefonica-turquoise70: #3e888d;
     --mistica-telefonica-ambar70: #69581f;
     --mistica-telefonica-orchid70: #8a1a93;
-    --mistica-telefonica-grey4: #8f97af;
     --mistica-telefonica-darkModeBlack: #191919;
     --mistica-telefonica-darkModeGrey: #242424;
-    --mistica-telefonica-grey6: #58617a;
     --mistica-telefonica-darkModeGrey6: #313235;
     --mistica-telefonica-telefonicaBlue20: #b2d1ff;
     --mistica-telefonica-grey8: #2b3447;
@@ -105,6 +105,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-telefonica-telefonicaBlue30);
     --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue);
     --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue);
+    --mistica-color-inputBorder: var(--mistica-telefonica-grey4);
     --mistica-color-control: var(--mistica-telefonica-grey3);
     --mistica-color-controlActivated: var(--mistica-telefonica-telefonicaBlue);
     --mistica-color-controlInverse: var(--mistica-telefonica-grey1);
@@ -134,7 +135,7 @@
     --mistica-color-neutralLowAlternative: var(--mistica-telefonica-grey2);
     --mistica-color-textPrimary: var(--mistica-telefonica-grey9);
     --mistica-color-textPrimaryInverse: var(--mistica-telefonica-white);
-    --mistica-color-textSecondary: var(--mistica-telefonica-grey5);
+    --mistica-color-textSecondary: var(--mistica-telefonica-grey6);
     --mistica-color-textSecondaryInverse: var(--mistica-telefonica-telefonicaBlue10);
     --mistica-color-error: var(--mistica-telefonica-coral);
     --mistica-color-textError: var(--mistica-telefonica-coral);
@@ -317,6 +318,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-telefonica-telefonicaBlue30);
     --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue);
     --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue);
+    --mistica-color-inputBorder: var(--mistica-telefonica-grey5);
     --mistica-color-control: var(--mistica-telefonica-darkModeGrey6);
     --mistica-color-controlActivated: var(--mistica-telefonica-telefonicaBlue);
     --mistica-color-controlInverse: var(--mistica-telefonica-darkModeGrey6);
@@ -346,8 +348,8 @@
     --mistica-color-neutralLowAlternative: var(--mistica-telefonica-darkModeGrey6);
     --mistica-color-textPrimary: var(--mistica-telefonica-grey2);
     --mistica-color-textPrimaryInverse: var(--mistica-telefonica-grey2);
-    --mistica-color-textSecondary: var(--mistica-telefonica-grey4);
-    --mistica-color-textSecondaryInverse: var(--mistica-telefonica-grey4);
+    --mistica-color-textSecondary: var(--mistica-telefonica-grey3);
+    --mistica-color-textSecondaryInverse: var(--mistica-telefonica-grey3);
     --mistica-color-error: var(--mistica-telefonica-coral);
     --mistica-color-textError: var(--mistica-telefonica-coral);
     --mistica-color-textErrorInverse: var(--mistica-telefonica-coral);
@@ -483,6 +485,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-telefonica-telefonicaBlue30);
         --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue);
         --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue);
+        --mistica-color-inputBorder: var(--mistica-telefonica-grey5);
         --mistica-color-control: var(--mistica-telefonica-darkModeGrey6);
         --mistica-color-controlActivated: var(--mistica-telefonica-telefonicaBlue);
         --mistica-color-controlInverse: var(--mistica-telefonica-darkModeGrey6);
@@ -512,8 +515,8 @@
         --mistica-color-neutralLowAlternative: var(--mistica-telefonica-darkModeGrey6);
         --mistica-color-textPrimary: var(--mistica-telefonica-grey2);
         --mistica-color-textPrimaryInverse: var(--mistica-telefonica-grey2);
-        --mistica-color-textSecondary: var(--mistica-telefonica-grey4);
-        --mistica-color-textSecondaryInverse: var(--mistica-telefonica-grey4);
+        --mistica-color-textSecondary: var(--mistica-telefonica-grey3);
+        --mistica-color-textSecondaryInverse: var(--mistica-telefonica-grey3);
         --mistica-color-error: var(--mistica-telefonica-coral);
         --mistica-color-textError: var(--mistica-telefonica-coral);
         --mistica-color-textErrorInverse: var(--mistica-telefonica-coral);
@@ -648,6 +651,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-telefonica-telefonicaBlue30);
         --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue);
         --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue);
+        --mistica-color-inputBorder: var(--mistica-telefonica-grey4);
         --mistica-color-control: var(--mistica-telefonica-grey3);
         --mistica-color-controlActivated: var(--mistica-telefonica-telefonicaBlue);
         --mistica-color-controlInverse: var(--mistica-telefonica-grey1);
@@ -677,7 +681,7 @@
         --mistica-color-neutralLowAlternative: var(--mistica-telefonica-grey2);
         --mistica-color-textPrimary: var(--mistica-telefonica-grey9);
         --mistica-color-textPrimaryInverse: var(--mistica-telefonica-white);
-        --mistica-color-textSecondary: var(--mistica-telefonica-grey5);
+        --mistica-color-textSecondary: var(--mistica-telefonica-grey6);
         --mistica-color-textSecondaryInverse: var(--mistica-telefonica-telefonicaBlue10);
         --mistica-color-error: var(--mistica-telefonica-coral);
         --mistica-color-textError: var(--mistica-telefonica-coral);

package/css/tu.css

@@ -107,6 +107,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-tu-white);
     --mistica-color-textActivated: var(--mistica-tu-primary);
     --mistica-color-textBrand: var(--mistica-tu-blue);
+    --mistica-color-inputBorder: var(--mistica-tu-grey5);
     --mistica-color-control: var(--mistica-tu-grey5);
     --mistica-color-controlActivated: var(--mistica-tu-primary);
     --mistica-color-controlInverse: var(--mistica-tu-white);
@@ -319,6 +320,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-tu-blue30);
     --mistica-color-textActivated: var(--mistica-tu-blue30);
     --mistica-color-textBrand: var(--mistica-tu-blue30);
+    --mistica-color-inputBorder: var(--mistica-tu-grey5);
     --mistica-color-control: var(--mistica-tu-darkModeGrey6);
     --mistica-color-controlActivated: var(--mistica-tu-blue30);
     --mistica-color-controlInverse: var(--mistica-tu-darkModeGrey6);
@@ -348,8 +350,8 @@
     --mistica-color-neutralLowAlternative: var(--mistica-tu-darkModeGrey6);
     --mistica-color-textPrimary: var(--mistica-tu-grey2);
     --mistica-color-textPrimaryInverse: var(--mistica-tu-grey2);
-    --mistica-color-textSecondary: var(--mistica-tu-grey4);
-    --mistica-color-textSecondaryInverse: var(--mistica-tu-grey4);
+    --mistica-color-textSecondary: var(--mistica-tu-grey3);
+    --mistica-color-textSecondaryInverse: var(--mistica-tu-grey3);
     --mistica-color-error: var(--mistica-tu-red);
     --mistica-color-textError: var(--mistica-tu-red);
     --mistica-color-textErrorInverse: var(--mistica-tu-red);
@@ -476,6 +478,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-tu-blue30);
         --mistica-color-textActivated: var(--mistica-tu-blue30);
         --mistica-color-textBrand: var(--mistica-tu-blue30);
+        --mistica-color-inputBorder: var(--mistica-tu-grey5);
         --mistica-color-control: var(--mistica-tu-darkModeGrey6);
         --mistica-color-controlActivated: var(--mistica-tu-blue30);
         --mistica-color-controlInverse: var(--mistica-tu-darkModeGrey6);
@@ -505,8 +508,8 @@
         --mistica-color-neutralLowAlternative: var(--mistica-tu-darkModeGrey6);
         --mistica-color-textPrimary: var(--mistica-tu-grey2);
         --mistica-color-textPrimaryInverse: var(--mistica-tu-grey2);
-        --mistica-color-textSecondary: var(--mistica-tu-grey4);
-        --mistica-color-textSecondaryInverse: var(--mistica-tu-grey4);
+        --mistica-color-textSecondary: var(--mistica-tu-grey3);
+        --mistica-color-textSecondaryInverse: var(--mistica-tu-grey3);
         --mistica-color-error: var(--mistica-tu-red);
         --mistica-color-textError: var(--mistica-tu-red);
         --mistica-color-textErrorInverse: var(--mistica-tu-red);
@@ -632,6 +635,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-tu-white);
         --mistica-color-textActivated: var(--mistica-tu-primary);
         --mistica-color-textBrand: var(--mistica-tu-blue);
+        --mistica-color-inputBorder: var(--mistica-tu-grey5);
         --mistica-color-control: var(--mistica-tu-grey5);
         --mistica-color-controlActivated: var(--mistica-tu-primary);
         --mistica-color-controlInverse: var(--mistica-tu-white);

package/css/vivo-new.css

@@ -14,7 +14,7 @@
     --mistica-vivo-new-vivoPurpleLight10: #efe5f4;
     --mistica-vivo-new-vivoPurpleLight50: #b280cc;
     --mistica-vivo-new-vivoPurpleLight20: #e0cceb;
-    --mistica-vivo-new-grey4: #949494;
+    --mistica-vivo-new-grey4: #8a8c90;
     --mistica-vivo-new-grey6: #000000;
     --mistica-vivo-new-vivoGreen: #99cc33;
     --mistica-vivo-new-orange: #ff9900;
@@ -27,6 +27,7 @@
     --mistica-vivo-new-darkModeBlack: #191919;
     --mistica-vivo-new-darkModeGrey: #242424;
     --mistica-vivo-new-darkModeGrey6: #313235;
+    --mistica-vivo-new-darkModeGrey5: #6d7d88;
     --mistica-vivo-new-vivoGreenLight30: #91ae9e;
     --mistica-vivo-new-orangeLight40: #ffb84c;
     --mistica-vivo-new-pepperLight40: #db628b;
@@ -99,6 +100,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-vivo-new-vivoPurpleLight20);
     --mistica-color-textActivated: var(--mistica-vivo-new-vivoPurple);
     --mistica-color-textBrand: var(--mistica-vivo-new-vivoPurple);
+    --mistica-color-inputBorder: var(--mistica-vivo-new-grey4);
     --mistica-color-control: var(--mistica-vivo-new-grey4);
     --mistica-color-controlActivated: var(--mistica-vivo-new-vivoPurple);
     --mistica-color-controlInverse: var(--mistica-vivo-new-vivoPurpleLight50);
@@ -311,6 +313,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-vivo-new-vivoPurpleLight50);
     --mistica-color-textActivated: var(--mistica-vivo-new-vivoPurpleLight80);
     --mistica-color-textBrand: var(--mistica-vivo-new-vivoPurpleLight80);
+    --mistica-color-inputBorder: var(--mistica-vivo-new-darkModeGrey5);
     --mistica-color-control: var(--mistica-vivo-new-darkModeGrey6);
     --mistica-color-controlActivated: var(--mistica-vivo-new-vivoPurpleLight80);
     --mistica-color-controlInverse: var(--mistica-vivo-new-darkModeGrey6);
@@ -340,8 +343,8 @@
     --mistica-color-neutralLowAlternative: var(--mistica-vivo-new-darkModeGrey6);
     --mistica-color-textPrimary: var(--mistica-vivo-new-grey2);
     --mistica-color-textPrimaryInverse: var(--mistica-vivo-new-grey2);
-    --mistica-color-textSecondary: var(--mistica-vivo-new-grey4);
-    --mistica-color-textSecondaryInverse: var(--mistica-vivo-new-grey4);
+    --mistica-color-textSecondary: var(--mistica-vivo-new-grey3);
+    --mistica-color-textSecondaryInverse: var(--mistica-vivo-new-grey3);
     --mistica-color-success: var(--mistica-vivo-new-vivoGreen);
     --mistica-color-warning: var(--mistica-vivo-new-orange);
     --mistica-color-error: var(--mistica-vivo-new-pepper);
@@ -474,6 +477,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-vivo-new-vivoPurpleLight50);
         --mistica-color-textActivated: var(--mistica-vivo-new-vivoPurpleLight80);
         --mistica-color-textBrand: var(--mistica-vivo-new-vivoPurpleLight80);
+        --mistica-color-inputBorder: var(--mistica-vivo-new-darkModeGrey5);
         --mistica-color-control: var(--mistica-vivo-new-darkModeGrey6);
         --mistica-color-controlActivated: var(--mistica-vivo-new-vivoPurpleLight80);
         --mistica-color-controlInverse: var(--mistica-vivo-new-darkModeGrey6);
@@ -503,8 +507,8 @@
         --mistica-color-neutralLowAlternative: var(--mistica-vivo-new-darkModeGrey6);
         --mistica-color-textPrimary: var(--mistica-vivo-new-grey2);
         --mistica-color-textPrimaryInverse: var(--mistica-vivo-new-grey2);
-        --mistica-color-textSecondary: var(--mistica-vivo-new-grey4);
-        --mistica-color-textSecondaryInverse: var(--mistica-vivo-new-grey4);
+        --mistica-color-textSecondary: var(--mistica-vivo-new-grey3);
+        --mistica-color-textSecondaryInverse: var(--mistica-vivo-new-grey3);
         --mistica-color-success: var(--mistica-vivo-new-vivoGreen);
         --mistica-color-warning: var(--mistica-vivo-new-orange);
         --mistica-color-error: var(--mistica-vivo-new-pepper);
@@ -633,6 +637,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-vivo-new-vivoPurpleLight20);
         --mistica-color-textActivated: var(--mistica-vivo-new-vivoPurple);
         --mistica-color-textBrand: var(--mistica-vivo-new-vivoPurple);
+        --mistica-color-inputBorder: var(--mistica-vivo-new-grey4);
         --mistica-color-control: var(--mistica-vivo-new-grey4);
         --mistica-color-controlActivated: var(--mistica-vivo-new-vivoPurple);
         --mistica-color-controlInverse: var(--mistica-vivo-new-vivoPurpleLight50);

package/css/vivo.css

@@ -100,6 +100,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-vivo-vivoPurpleLight50);
     --mistica-color-textActivated: var(--mistica-vivo-vivoPurple);
     --mistica-color-textBrand: var(--mistica-vivo-vivoPurple);
+    --mistica-color-inputBorder: var(--mistica-vivo-grey3);
     --mistica-color-control: var(--mistica-vivo-grey3);
     --mistica-color-controlActivated: var(--mistica-vivo-vivoPurple);
     --mistica-color-controlInverse: var(--mistica-vivo-vivoPurpleLight50);
@@ -312,6 +313,7 @@
     --mistica-color-textLinkSnackbar: var(--mistica-vivo-vivoPurpleLight50);
     --mistica-color-textActivated: var(--mistica-vivo-vivoPurpleLight80);
     --mistica-color-textBrand: var(--mistica-vivo-vivoPurpleLight80);
+    --mistica-color-inputBorder: var(--mistica-vivo-darkModeGrey6);
     --mistica-color-control: var(--mistica-vivo-darkModeGrey6);
     --mistica-color-controlActivated: var(--mistica-vivo-vivoPurpleLight80);
     --mistica-color-controlInverse: var(--mistica-vivo-darkModeGrey6);
@@ -469,6 +471,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-vivo-vivoPurpleLight50);
         --mistica-color-textActivated: var(--mistica-vivo-vivoPurpleLight80);
         --mistica-color-textBrand: var(--mistica-vivo-vivoPurpleLight80);
+        --mistica-color-inputBorder: var(--mistica-vivo-darkModeGrey6);
         --mistica-color-control: var(--mistica-vivo-darkModeGrey6);
         --mistica-color-controlActivated: var(--mistica-vivo-vivoPurpleLight80);
         --mistica-color-controlInverse: var(--mistica-vivo-darkModeGrey6);
@@ -625,6 +628,7 @@
         --mistica-color-textLinkSnackbar: var(--mistica-vivo-vivoPurpleLight50);
         --mistica-color-textActivated: var(--mistica-vivo-vivoPurple);
         --mistica-color-textBrand: var(--mistica-vivo-vivoPurple);
+        --mistica-color-inputBorder: var(--mistica-vivo-grey3);
         --mistica-color-control: var(--mistica-vivo-grey3);
         --mistica-color-controlActivated: var(--mistica-vivo-vivoPurple);
         --mistica-color-controlInverse: var(--mistica-vivo-vivoPurpleLight50);

package/dist/accordion.css-mistica.js

@@ -13,10 +13,10 @@ _export(exports, {
         return n;
     },
     boxed: function() {
-        return s;
+        return e;
     },
     chevronContainer: function() {
-        return e;
+        return s;
     },
     itemContent: function() {
         return a;
@@ -31,20 +31,20 @@ _export(exports, {
         return o;
     },
     rightContentContainer: function() {
-        return i;
+        return x;
     },
     touchableBackground: function() {
-        return x;
+        return i;
     },
     touchableBackgroundInverse: function() {
-        return c;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./accordion.css.ts.vanilla.css-mistica.js");
-var n = "v16_23_1y2v1nfj7", s = "v16_23_8s3szx1", e = "v16_23_8s3szx5", a = "v16_23_1y2v1nf8d v16_23_1y2v1nf9m v16_23_1y2v1nfav v16_23_1y2v1nfc4 v16_23_1y2v1nfj7 v16_23_1y2v1nfl2 v16_23_1y2v1nf8c v16_23_1y2v1nfim v16_23_1y2v1nfjo", r = "v16_23_8s3szxb", t = "v16_23_8s3szx6", o = {
-    enter: "v16_23_8s3szx7",
-    enterActive: "v16_23_8s3szx8",
-    exit: "v16_23_8s3szx9",
-    exitActive: "v16_23_8s3szxa"
-}, i = "v16_23_8s3szx4", x = "v16_23_8s3szx2", c = "v16_23_8s3szx3";
+var n = "v16_25_1y2v1nfj9", e = "v16_25_8s3szx1", s = "v16_25_8s3szx5", a = "v16_25_1y2v1nf8f v16_25_1y2v1nf9o v16_25_1y2v1nfax v16_25_1y2v1nfc6 v16_25_1y2v1nfj9 v16_25_1y2v1nfl4 v16_25_1y2v1nf8e v16_25_1y2v1nfio v16_25_1y2v1nfjq", r = "v16_25_8s3szxb", t = "v16_25_8s3szx6", o = {
+    enter: "v16_25_8s3szx7",
+    enterActive: "v16_25_8s3szx8",
+    exit: "v16_25_8s3szx9",
+    exitActive: "v16_25_8s3szxa"
+}, x = "v16_25_8s3szx4", i = "v16_25_8s3szx2", f = "v16_25_8s3szx3";

package/dist/accordion.js

@@ -256,7 +256,7 @@ const N = 400, b = /*#__PURE__*/ _react.createContext({
                                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                         className: _accordioncssmistica.chevronContainer,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                                            size: 24,
+                                            size: 20,
                                             transitionDuration: N,
                                             direction: h ? "up" : "down",
                                             color: p ? _skincontractcssmistica.vars.colors.inverse : h ? _skincontractcssmistica.vars.colors.neutralHigh : _skincontractcssmistica.vars.colors.neutralMedium

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_23_1mfs0fk0";
+var o = "v16_25_1mfs0fk0";

package/dist/avatar.css-mistica.js

@@ -13,8 +13,8 @@ _export(exports, {
         return _;
     },
     image: function() {
-        return f;
+        return n;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var _ = "v16_23_1y2v1nfli v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nfit v16_23_1y2v1nfll", f = "v16_23_1y2v1nfnf";
+var _ = "v16_25_1y2v1nfll v16_25_1y2v1nfim v16_25_1y2v1nfj1 v16_25_1y2v1nfiv v16_25_1y2v1nflo", n = "v16_25_1y2v1nfni";

package/dist/badge.css-mistica.js

@@ -30,4 +30,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./badge.css.ts.vanilla.css-mistica.js");
-var r = "v16_23_17szrmd2 v16_23_1y2v1nf5x", a = "v16_23_17szrmd7", d = "v16_23_17szrmd3", e = "v16_23_17szrmd5 v16_23_17szrmd2 v16_23_1y2v1nf5x v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nfit", i = "v16_23_1y2v1nfif", n = "v16_23_1y2v1nfie v16_23_1y2v1nfio";
+var r = "v16_25_17szrmd2 v16_25_1y2v1nf5z", a = "v16_25_17szrmd7", d = "v16_25_17szrmd3", e = "v16_25_17szrmd5 v16_25_17szrmd2 v16_25_1y2v1nf5z v16_25_1y2v1nfim v16_25_1y2v1nfj1 v16_25_1y2v1nfiv", i = "v16_25_1y2v1nfih", n = "v16_25_1y2v1nfig v16_25_1y2v1nfiq";

package/dist/box.css-mistica.js

@@ -17,25 +17,25 @@ _export(exports, {
     }
 });
 require("./box.css.ts.vanilla.css-mistica.js");
-var _ = "v16_23_1xgjmkvc", a = {
+var _ = "v16_25_1xgjmkvc", a = {
     paddingTop: {
-        desktop: "var(--v16_23_1xgjmkv0)",
-        tablet: "var(--v16_23_1xgjmkv1)",
-        mobile: "var(--v16_23_1xgjmkv2)"
+        desktop: "var(--v16_25_1xgjmkv0)",
+        tablet: "var(--v16_25_1xgjmkv1)",
+        mobile: "var(--v16_25_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v16_23_1xgjmkv3)",
-        tablet: "var(--v16_23_1xgjmkv4)",
-        mobile: "var(--v16_23_1xgjmkv5)"
+        desktop: "var(--v16_25_1xgjmkv3)",
+        tablet: "var(--v16_25_1xgjmkv4)",
+        mobile: "var(--v16_25_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v16_23_1xgjmkv6)",
-        tablet: "var(--v16_23_1xgjmkv7)",
-        mobile: "var(--v16_23_1xgjmkv8)"
+        desktop: "var(--v16_25_1xgjmkv6)",
+        tablet: "var(--v16_25_1xgjmkv7)",
+        mobile: "var(--v16_25_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v16_23_1xgjmkv9)",
-        tablet: "var(--v16_23_1xgjmkva)",
-        mobile: "var(--v16_23_1xgjmkvb)"
+        desktop: "var(--v16_25_1xgjmkv9)",
+        tablet: "var(--v16_25_1xgjmkva)",
+        mobile: "var(--v16_25_1xgjmkvb)"
     }
 };

package/dist/boxed.css-mistica.js

@@ -30,33 +30,33 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./boxed.css.ts.vanilla.css-mistica.js");
-var _ = "v16_23_1y2v1nfl1", h = "v16_23_ihbkeqm", e = "v16_23_ihbkeqp", r = "v16_23_1y2v1nfl2", a = "v16_23_1y2v1nfll", b = {
-    width: "var(--v16_23_ihbkeq0)",
-    height: "var(--v16_23_ihbkeq1)",
-    minHeight: "var(--v16_23_ihbkeq2)",
-    maxWidth: "var(--v16_23_ihbkeq3)",
-    minWidth: "var(--v16_23_ihbkeq4)",
+var _ = "v16_25_1y2v1nfl3", h = "v16_25_ihbkeqm", e = "v16_25_ihbkeqp", r = "v16_25_1y2v1nfl4", a = "v16_25_1y2v1nflo", b = {
+    width: "var(--v16_25_ihbkeq0)",
+    height: "var(--v16_25_ihbkeq1)",
+    minHeight: "var(--v16_25_ihbkeq2)",
+    maxWidth: "var(--v16_25_ihbkeq3)",
+    minWidth: "var(--v16_25_ihbkeq4)",
     mobile: {
-        width: "var(--v16_23_ihbkeq5)",
-        height: "var(--v16_23_ihbkeq6)",
-        minHeight: "var(--v16_23_ihbkeq7)",
-        maxWidth: "var(--v16_23_ihbkeq8)",
-        minWidth: "var(--v16_23_ihbkeq9)"
+        width: "var(--v16_25_ihbkeq5)",
+        height: "var(--v16_25_ihbkeq6)",
+        minHeight: "var(--v16_25_ihbkeq7)",
+        maxWidth: "var(--v16_25_ihbkeq8)",
+        minWidth: "var(--v16_25_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v16_23_ihbkeqa)",
-        height: "var(--v16_23_ihbkeqb)",
-        minHeight: "var(--v16_23_ihbkeqc)",
-        maxWidth: "var(--v16_23_ihbkeqd)",
-        minWidth: "var(--v16_23_ihbkeqe)"
+        width: "var(--v16_25_ihbkeqa)",
+        height: "var(--v16_25_ihbkeqb)",
+        minHeight: "var(--v16_25_ihbkeqc)",
+        maxWidth: "var(--v16_25_ihbkeqd)",
+        minWidth: "var(--v16_25_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v16_23_ihbkeqf)",
-        height: "var(--v16_23_ihbkeqg)",
-        minHeight: "var(--v16_23_ihbkeqh)",
-        maxWidth: "var(--v16_23_ihbkeqi)",
-        minWidth: "var(--v16_23_ihbkeqj)"
-    },
-    background: "var(--v16_23_ihbkeqk)",
-    borderRadius: "var(--v16_23_ihbkeql)"
+        width: "var(--v16_25_ihbkeqf)",
+        height: "var(--v16_25_ihbkeqg)",
+        minHeight: "var(--v16_25_ihbkeqh)",
+        maxWidth: "var(--v16_25_ihbkeqi)",
+        minWidth: "var(--v16_25_ihbkeqj)"
+    },
+    background: "var(--v16_25_ihbkeqk)",
+    borderRadius: "var(--v16_25_ihbkeql)"
 };

package/dist/button-group.css-mistica.js

@@ -13,10 +13,10 @@ _export(exports, {
         return d;
     },
     buttons: function() {
-        return t;
+        return r;
     },
     buttonsWithSmallLink: function() {
-        return r;
+        return t;
     },
     centerInDesktop: function() {
         return i;
@@ -40,4 +40,4 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./button.css.ts.vanilla.css-mistica.js");
 require("./button-group.css.ts.vanilla.css-mistica.js");
-var d = "v16_23_1xdd1h69", t = "v16_23_1xdd1h67", r = "v16_23_1xdd1h68", i = "v16_23_1xdd1h64", a = "v16_23_1xdd1h62", e = "v16_23_1xdd1h63", h = "v16_23_1xdd1h65", o = "v16_23_1xdd1h66", x = "v16_23_1xdd1h61 v16_23_1y2v1nfil v16_23_1y2v1nfiz v16_23_1y2v1nfip";
+var d = "v16_25_1xdd1h69", r = "v16_25_1xdd1h67", t = "v16_25_1xdd1h68", i = "v16_25_1xdd1h64", a = "v16_25_1xdd1h62", e = "v16_25_1xdd1h63", h = "v16_25_1xdd1h65", o = "v16_25_1xdd1h66", x = "v16_25_1xdd1h61 v16_25_1y2v1nfin v16_25_1y2v1nfj1 v16_25_1y2v1nfir";