@telefonica/mistica 17.9.0 → 17.11.0

package/css/movistar.css

@@ -102,6 +102,16 @@
     --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-raw-white), 0.17);
     --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-raw-movistarBlack), 0.2);
     --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-raw-movistarBlack), 0.4);
+    --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-movistar-blueLight);
+    --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-movistar-blueLight);
+    --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-movistar-blueLight);
+    --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-movistar-blueLight);
+    --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-movistar-blueLight);
+    --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-movistar-grey100);
+    --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-movistar-white);
+    --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-movistar-white);
+    --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-movistar-white);
+    --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-movistar-white);
     --mistica-color-skeletonWave: var(--mistica-movistar-grey200);
     --mistica-color-borderLow: var(--mistica-movistar-grey100);
     --mistica-color-border: var(--mistica-movistar-grey300);
@@ -539,6 +549,16 @@
     --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-raw-white), 0.05);
     --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-raw-white), 0.03);
     --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-raw-white), 0.05);
+    --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-movistar-blueDark);
+    --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-movistar-blueDark);
+    --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-movistar-blueDark);
+    --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-movistar-blueDark);
+    --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-movistar-blueDark);
+    --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-movistar-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-movistar-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-movistar-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-movistar-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-movistar-darkModeGrey);
     --mistica-color-skeletonWave: var(--mistica-movistar-grey600);
     --mistica-color-borderLow: var(--mistica-movistar-darkModeBlack);
     --mistica-color-border: var(--mistica-movistar-darkModeGrey);
@@ -873,6 +893,16 @@
         --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-raw-white), 0.05);
         --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-raw-white), 0.03);
         --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-raw-white), 0.05);
+        --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-movistar-blueDark);
+        --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-movistar-blueDark);
+        --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-movistar-blueDark);
+        --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-movistar-blueDark);
+        --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-movistar-blueDark);
+        --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-movistar-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-movistar-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-movistar-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-movistar-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-movistar-darkModeGrey);
         --mistica-color-skeletonWave: var(--mistica-movistar-grey600);
         --mistica-color-borderLow: var(--mistica-movistar-darkModeBlack);
         --mistica-color-border: var(--mistica-movistar-darkModeGrey);
@@ -1209,6 +1239,16 @@
         --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-raw-white), 0.17);
         --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-raw-movistarBlack), 0.2);
         --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-raw-movistarBlack), 0.4);
+        --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-movistar-blueLight);
+        --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-movistar-blueLight);
+        --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-movistar-blueLight);
+        --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-movistar-blueLight);
+        --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-movistar-blueLight);
+        --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-movistar-grey100);
+        --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-movistar-white);
+        --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-movistar-white);
+        --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-movistar-white);
+        --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-movistar-white);
         --mistica-color-skeletonWave: var(--mistica-movistar-grey200);
         --mistica-color-borderLow: var(--mistica-movistar-grey100);
         --mistica-color-border: var(--mistica-movistar-grey300);

package/css/o2.css

@@ -14,6 +14,7 @@
     --mistica-o2-o2Red10: #ffeeee;
     --mistica-o2-beyondBlue70: #0038b2;
     --mistica-o2-grey30: #d9d9dd;
+    --mistica-o2-beyondBlue5: #f2f6ff;
     --mistica-o2-grey80: #3c3c46;
     --mistica-o2-o2Red60: #cc4848;
     --mistica-o2-o2Red65: #bf4444;
@@ -111,6 +112,16 @@
     --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-o2-raw-white), 0.17);
     --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.2);
     --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.4);
+    --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-o2-beyondBlue5);
+    --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-o2-beyondBlue5);
+    --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-o2-beyondBlue5);
+    --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-o2-beyondBlue5);
+    --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-o2-beyondBlue5);
+    --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-o2-grey20);
+    --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-o2-white);
+    --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-o2-white);
+    --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-o2-white);
+    --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-o2-white);
     --mistica-color-skeletonWave: var(--mistica-o2-grey30);
     --mistica-color-borderLow: var(--mistica-o2-grey20);
     --mistica-color-border: var(--mistica-o2-grey30);
@@ -535,6 +546,16 @@
     --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-o2-raw-white), 0.05);
     --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-raw-white), 0.03);
     --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-raw-white), 0.05);
+    --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-o2-darkModeGrey6);
+    --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-o2-darkModeGrey6);
+    --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-o2-darkModeGrey6);
+    --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-o2-darkModeGrey6);
+    --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-o2-darkModeGrey6);
+    --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-o2-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-o2-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-o2-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-o2-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-o2-darkModeGrey);
     --mistica-color-navigationBarBackground: var(--mistica-o2-darkModeBlack);
     --mistica-color-skeletonWave: var(--mistica-o2-grey80);
     --mistica-color-borderLow: var(--mistica-o2-darkModeBlack);
@@ -851,6 +872,16 @@
         --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-o2-raw-white), 0.05);
         --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-raw-white), 0.03);
         --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-raw-white), 0.05);
+        --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-o2-darkModeGrey6);
+        --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-o2-darkModeGrey6);
+        --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-o2-darkModeGrey6);
+        --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-o2-darkModeGrey6);
+        --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-o2-darkModeGrey6);
+        --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-o2-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-o2-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-o2-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-o2-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-o2-darkModeGrey);
         --mistica-color-navigationBarBackground: var(--mistica-o2-darkModeBlack);
         --mistica-color-skeletonWave: var(--mistica-o2-grey80);
         --mistica-color-borderLow: var(--mistica-o2-darkModeBlack);
@@ -1176,6 +1207,16 @@
         --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-o2-raw-white), 0.17);
         --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.2);
         --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-raw-beyondBlue90), 0.4);
+        --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-o2-beyondBlue5);
+        --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-o2-beyondBlue5);
+        --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-o2-beyondBlue5);
+        --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-o2-beyondBlue5);
+        --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-o2-beyondBlue5);
+        --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-o2-grey20);
+        --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-o2-white);
+        --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-o2-white);
+        --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-o2-white);
+        --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-o2-white);
         --mistica-color-navigationBarBackground: var(--mistica-o2-darkBlue);
         --mistica-color-skeletonWave: var(--mistica-o2-grey30);
         --mistica-color-borderLow: var(--mistica-o2-grey20);

package/css/telefonica.css

@@ -112,6 +112,16 @@
         var(--mistica-telefonica-raw-telefonicaBlue80),
         0.4
     );
+    --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-telefonica-telefonicaBlue10);
+    --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-telefonica-telefonicaBlue10);
+    --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-telefonica-telefonicaBlue10);
+    --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-telefonica-telefonicaBlue10);
+    --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-telefonica-telefonicaBlue10);
+    --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-telefonica-grey1);
+    --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-telefonica-white);
+    --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-telefonica-white);
+    --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-telefonica-white);
+    --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-telefonica-white);
     --mistica-color-skeletonWave: var(--mistica-telefonica-grey2);
     --mistica-color-borderLow: var(--mistica-telefonica-grey1);
     --mistica-color-border: var(--mistica-telefonica-grey2);
@@ -558,6 +568,16 @@
     --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-telefonica-raw-white), 0.05);
     --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-telefonica-raw-white), 0.03);
     --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-telefonica-raw-white), 0.05);
+    --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-telefonica-darkModeGrey6);
+    --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-telefonica-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-telefonica-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-telefonica-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-telefonica-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-telefonica-darkModeGrey);
     --mistica-color-skeletonWave: var(--mistica-telefonica-grey8);
     --mistica-color-borderLow: var(--mistica-telefonica-darkModeBlack);
     --mistica-color-border: var(--mistica-telefonica-darkModeGrey);
@@ -922,6 +942,16 @@
         --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-telefonica-raw-white), 0.05);
         --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-telefonica-raw-white), 0.03);
         --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-telefonica-raw-white), 0.05);
+        --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-telefonica-darkModeGrey6);
+        --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-telefonica-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-telefonica-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-telefonica-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-telefonica-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-telefonica-darkModeGrey);
         --mistica-color-skeletonWave: var(--mistica-telefonica-grey8);
         --mistica-color-borderLow: var(--mistica-telefonica-darkModeBlack);
         --mistica-color-border: var(--mistica-telefonica-darkModeGrey);
@@ -1306,6 +1336,18 @@
             var(--mistica-telefonica-raw-telefonicaBlue80),
             0.4
         );
+        --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-telefonica-telefonicaBlue10);
+        --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-telefonica-telefonicaBlue10);
+        --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(
+            --mistica-telefonica-telefonicaBlue10
+        );
+        --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-telefonica-telefonicaBlue10);
+        --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-telefonica-telefonicaBlue10);
+        --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-telefonica-grey1);
+        --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-telefonica-white);
+        --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-telefonica-white);
+        --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-telefonica-white);
+        --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-telefonica-white);
         --mistica-color-skeletonWave: var(--mistica-telefonica-grey2);
         --mistica-color-borderLow: var(--mistica-telefonica-grey1);
         --mistica-color-border: var(--mistica-telefonica-grey2);

package/css/vivo-evolution.css

@@ -126,6 +126,16 @@
         var(--mistica-vivo-evolution-raw-vivoPurple900),
         0.5
     );
+    --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-vivo-evolution-vivoNeutral25);
+    --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-vivo-evolution-vivoNeutral25);
+    --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-vivo-evolution-vivoNeutral25);
+    --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-vivo-evolution-vivoNeutral25);
+    --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-vivo-evolution-vivoNeutral25);
+    --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-vivo-evolution-vivoNeutral25);
+    --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-vivo-evolution-vivoNeutral0);
+    --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-vivo-evolution-vivoNeutral0);
+    --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-vivo-evolution-vivoNeutral0);
+    --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-vivo-evolution-vivoNeutral0);
     --mistica-color-skeletonWave: var(--mistica-vivo-evolution-vivoNeutral100);
     --mistica-color-borderLow: var(--mistica-vivo-evolution-vivoNeutral25);
     --mistica-color-border: var(--mistica-vivo-evolution-vivoNeutral200);
@@ -625,6 +635,16 @@
         var(--mistica-vivo-evolution-raw-vivoNeutral0),
         0.05
     );
+    --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-vivo-evolution-vivoNeutral900);
+    --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-vivo-evolution-vivoNeutral900);
+    --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-vivo-evolution-vivoNeutral900);
+    --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-vivo-evolution-vivoNeutral900);
+    --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-vivo-evolution-vivoNeutral900);
+    --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-vivo-evolution-vivoNeutral900);
+    --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-vivo-evolution-vivoNeutral900);
+    --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-vivo-evolution-vivoNeutral900);
+    --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-vivo-evolution-vivoNeutral900);
+    --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-vivo-evolution-vivoNeutral900);
     --mistica-color-skeletonWave: var(--mistica-vivo-evolution-vivoNeutral600);
     --mistica-color-borderLow: var(--mistica-vivo-evolution-vivoNeutral950);
     --mistica-color-border: var(--mistica-vivo-evolution-vivoNeutral900);
@@ -1066,6 +1086,20 @@
             var(--mistica-vivo-evolution-raw-vivoNeutral0),
             0.05
         );
+        --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-vivo-evolution-vivoNeutral900);
+        --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-vivo-evolution-vivoNeutral900);
+        --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(
+            --mistica-vivo-evolution-vivoNeutral900
+        );
+        --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-vivo-evolution-vivoNeutral900);
+        --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-vivo-evolution-vivoNeutral900);
+        --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-vivo-evolution-vivoNeutral900);
+        --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-vivo-evolution-vivoNeutral900);
+        --mistica-color-messageBubbleBackgroundIncomingAlternative: var(
+            --mistica-vivo-evolution-vivoNeutral900
+        );
+        --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-vivo-evolution-vivoNeutral900);
+        --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-vivo-evolution-vivoNeutral900);
         --mistica-color-skeletonWave: var(--mistica-vivo-evolution-vivoNeutral600);
         --mistica-color-borderLow: var(--mistica-vivo-evolution-vivoNeutral950);
         --mistica-color-border: var(--mistica-vivo-evolution-vivoNeutral900);
@@ -1524,6 +1558,20 @@
             var(--mistica-vivo-evolution-raw-vivoPurple900),
             0.5
         );
+        --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-vivo-evolution-vivoNeutral25);
+        --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-vivo-evolution-vivoNeutral25);
+        --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(
+            --mistica-vivo-evolution-vivoNeutral25
+        );
+        --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-vivo-evolution-vivoNeutral25);
+        --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-vivo-evolution-vivoNeutral25);
+        --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-vivo-evolution-vivoNeutral25);
+        --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-vivo-evolution-vivoNeutral0);
+        --mistica-color-messageBubbleBackgroundIncomingAlternative: var(
+            --mistica-vivo-evolution-vivoNeutral0
+        );
+        --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-vivo-evolution-vivoNeutral0);
+        --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-vivo-evolution-vivoNeutral0);
         --mistica-color-skeletonWave: var(--mistica-vivo-evolution-vivoNeutral100);
         --mistica-color-borderLow: var(--mistica-vivo-evolution-vivoNeutral25);
         --mistica-color-border: var(--mistica-vivo-evolution-vivoNeutral200);

package/css/vivo.css

@@ -92,6 +92,16 @@
     --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-vivo-raw-white), 0.17);
     --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-vivo-raw-vivoPurpleDark), 0.3);
     --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-vivo-raw-vivoPurpleDark), 0.5);
+    --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-vivo-grey1);
+    --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-vivo-grey1);
+    --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-vivo-grey1);
+    --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-vivo-grey1);
+    --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-vivo-grey1);
+    --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-vivo-grey1);
+    --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-vivo-white);
+    --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-vivo-white);
+    --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-vivo-white);
+    --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-vivo-white);
     --mistica-color-skeletonWave: var(--mistica-vivo-grey2);
     --mistica-color-borderLow: var(--mistica-vivo-grey1);
     --mistica-color-border: var(--mistica-vivo-grey3);
@@ -517,6 +527,16 @@
     --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-vivo-raw-white), 0.05);
     --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-vivo-raw-white), 0.03);
     --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-vivo-raw-white), 0.05);
+    --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-vivo-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-vivo-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-vivo-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-vivo-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-vivo-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-vivo-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-vivo-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-vivo-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-vivo-darkModeGrey);
+    --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-vivo-darkModeGrey);
     --mistica-color-skeletonWave: var(--mistica-vivo-grey5);
     --mistica-color-borderLow: var(--mistica-vivo-darkModeBlack);
     --mistica-color-border: var(--mistica-vivo-darkModeGrey);
@@ -839,6 +859,16 @@
         --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-vivo-raw-white), 0.05);
         --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-vivo-raw-white), 0.03);
         --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-vivo-raw-white), 0.05);
+        --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-vivo-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-vivo-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-vivo-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-vivo-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-vivo-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-vivo-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-vivo-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-vivo-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-vivo-darkModeGrey);
+        --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-vivo-darkModeGrey);
         --mistica-color-skeletonWave: var(--mistica-vivo-grey5);
         --mistica-color-borderLow: var(--mistica-vivo-darkModeBlack);
         --mistica-color-border: var(--mistica-vivo-darkModeGrey);
@@ -1154,6 +1184,16 @@
         --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-vivo-raw-white), 0.17);
         --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-vivo-raw-vivoPurpleDark), 0.3);
         --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-vivo-raw-vivoPurpleDark), 0.5);
+        --mistica-color-messageBubbleBackgroundOutgoing: var(--mistica-vivo-grey1);
+        --mistica-color-messageBubbleBackgroundOutgoingBrand: var(--mistica-vivo-grey1);
+        --mistica-color-messageBubbleBackgroundOutgoingAlternative: var(--mistica-vivo-grey1);
+        --mistica-color-messageBubbleBackgroundOutgoingNegative: var(--mistica-vivo-grey1);
+        --mistica-color-messageBubbleBackgroundOutgoingMedia: var(--mistica-vivo-grey1);
+        --mistica-color-messageBubbleBackgroundIncoming: var(--mistica-vivo-grey1);
+        --mistica-color-messageBubbleBackgroundIncomingBrand: var(--mistica-vivo-white);
+        --mistica-color-messageBubbleBackgroundIncomingAlternative: var(--mistica-vivo-white);
+        --mistica-color-messageBubbleBackgroundIncomingNegative: var(--mistica-vivo-white);
+        --mistica-color-messageBubbleBackgroundIncomingMedia: var(--mistica-vivo-white);
         --mistica-color-skeletonWave: var(--mistica-vivo-grey2);
         --mistica-color-borderLow: var(--mistica-vivo-grey1);
         --mistica-color-border: var(--mistica-vivo-grey3);

package/dist/accordion.css-mistica.js

@@ -25,13 +25,13 @@ _export(exports, {
         return n;
     },
     get panel () {
-        return x;
+        return i;
     },
     get panelContainer () {
         return o;
     },
     get panelTransitionClasses () {
-        return i;
+        return x;
     },
     get rightContentContainer () {
         return e;
@@ -43,9 +43,9 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                     */ /* empty css                                     */ var n = "v17_9_8s3szx0 v17_9_1y2v1nfh7 v17_9_1y2v1nfig v17_9_1y2v1nfjp v17_9_1y2v1nfky v17_9_1y2v1nfs1 v17_9_1y2v1nftw v17_9_1y2v1nfh6 v17_9_1y2v1nfrg v17_9_1y2v1nfsi", s = "v17_9_8s3szx1", r = "v17_9_8s3szx2", a = "v17_9_8s3szx3", e = "v17_9_8s3szx4", t = "v17_9_8s3szx5", o = "v17_9_8s3szx6", i = {
-    enter: "v17_9_8s3szx7",
-    enterActive: "v17_9_8s3szx8",
-    exit: "v17_9_8s3szx9",
-    exitActive: "v17_9_8s3szxa"
-}, x = "v17_9_8s3szxb", z = "v17_9_8s3szxc v17_9_1y2v1nfs1", c = "v17_9_8s3szxd";
+/* empty css                                     */ /* empty css                                     */ var n = "v17_11_8s3szx0 v17_11_1y2v1nfhr v17_11_1y2v1nfj0 v17_11_1y2v1nfk9 v17_11_1y2v1nfli v17_11_1y2v1nfsl v17_11_1y2v1nfug v17_11_1y2v1nfhq v17_11_1y2v1nfs0 v17_11_1y2v1nft2", s = "v17_11_8s3szx1", r = "v17_11_8s3szx2", a = "v17_11_8s3szx3", e = "v17_11_8s3szx4", t = "v17_11_8s3szx5", o = "v17_11_8s3szx6", x = {
+    enter: "v17_11_8s3szx7",
+    enterActive: "v17_11_8s3szx8",
+    exit: "v17_11_8s3szx9",
+    exitActive: "v17_11_8s3szxa"
+}, i = "v17_11_8s3szxb", z = "v17_11_8s3szxc v17_11_1y2v1nfsl", c = "v17_11_8s3szxd";

package/dist/align.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "container", {
         return o;
     }
 });
-/* empty css                                 */ var o = "v17_9_1mfs0fk0";
+/* empty css                                 */ var o = "v17_11_1mfs0fk0";

package/dist/autocomplete.css-mistica.js

@@ -13,16 +13,16 @@ _export(exports, {
         return n;
     },
     get optionBaseItem () {
-        return y;
+        return f;
     },
     get optionItem () {
-        return f;
+        return t;
     },
     get optionItemSelected () {
-        return j;
+        return y;
     },
     get optionsList () {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                        */ var n = "v17_9_1rj3nw81 v17_9_1rj3nw80 v17_9_1y2v1nfr8", r = "v17_9_1rj3nw83 v17_9_1rj3nw82 v17_9_1y2v1nfhg v17_9_1y2v1nfip v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nfr9 v17_9_1y2v1nfu7", y = "v17_9_1rj3nw85 v17_9_1rj3nw84 v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nfhj v17_9_1y2v1nfis", f = "v17_9_1rj3nw87 v17_9_1rj3nw85 v17_9_1rj3nw84 v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nfhj v17_9_1y2v1nfis v17_9_1rj3nw86 v17_9_1y2v1nfuh", j = "v17_9_1rj3nw88";
+/* empty css                                     */ /* empty css                                        */ var n = "v17_11_1rj3nw81 v17_11_1rj3nw80 v17_11_1y2v1nfrs", r = "v17_11_1rj3nw83 v17_11_1rj3nw82 v17_11_1y2v1nfi0 v17_11_1y2v1nfj9 v17_11_1y2v1nfki v17_11_1y2v1nflr v17_11_1y2v1nfrt v17_11_1y2v1nfur", f = "v17_11_1rj3nw85 v17_11_1rj3nw84 v17_11_1y2v1nfki v17_11_1y2v1nflr v17_11_1y2v1nfi3 v17_11_1y2v1nfjc", t = "v17_11_1rj3nw87 v17_11_1rj3nw85 v17_11_1rj3nw84 v17_11_1y2v1nfki v17_11_1y2v1nflr v17_11_1y2v1nfi3 v17_11_1y2v1nfjc v17_11_1rj3nw86 v17_11_1y2v1nfv1", y = "v17_11_1rj3nw88";

package/dist/avatar.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get avatar () {
-        return r;
+        return f;
     },
     get image () {
-        return f;
+        return r;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var r = "v17_9_f1g4uj0 v17_9_1y2v1nfud v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfui", f = "v17_9_f1g4uj1 v17_9_1y2v1nfwc";
+/* empty css                                     */ /* empty css                                  */ var f = "v17_11_f1g4uj0 v17_11_1y2v1nfux v17_11_1y2v1nfry v17_11_1y2v1nfsd v17_11_1y2v1nfs7 v17_11_1y2v1nfv2", r = "v17_11_f1g4uj1 v17_11_1y2v1nfww";

package/dist/badge.css-mistica.js

@@ -13,13 +13,13 @@ _export(exports, {
         return d;
     },
     get badgeBigNumber () {
-        return n;
+        return a;
     },
     get badgeBorder () {
         return m;
     },
     get badgeNumber () {
-        return a;
+        return s;
     },
     get badgeWithChildren () {
         return e;
@@ -28,4 +28,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var r = "v17_9_17szrmd0 v17_9_1y2v1nfr8 v17_9_1y2v1nfri", d = "v17_9_17szrmd2 v17_9_17szrmd1 v17_9_1y2v1nfdp", m = "v17_9_17szrmd3", a = "v17_9_17szrmd5 v17_9_17szrmd2 v17_9_17szrmd1 v17_9_1y2v1nfdp v17_9_17szrmd4 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn", e = "v17_9_17szrmd6 v17_9_1y2v1nfr9", n = "v17_9_17szrmd7";
+/* empty css                                     */ /* empty css                                 */ var r = "v17_11_17szrmd0 v17_11_1y2v1nfrs v17_11_1y2v1nfs2", d = "v17_11_17szrmd2 v17_11_17szrmd1 v17_11_1y2v1nfe9", m = "v17_11_17szrmd3", s = "v17_11_17szrmd5 v17_11_17szrmd2 v17_11_17szrmd1 v17_11_1y2v1nfe9 v17_11_17szrmd4 v17_11_1y2v1nfry v17_11_1y2v1nfsd v17_11_1y2v1nfs7", e = "v17_11_17szrmd6 v17_11_1y2v1nfrt", a = "v17_11_17szrmd7";

package/dist/box.css-mistica.js

@@ -18,23 +18,23 @@ _export(exports, {
 });
 /* empty css                               */ var _ = {
     paddingTop: {
-        desktop: "var(--v17_9_1xgjmkv0)",
-        tablet: "var(--v17_9_1xgjmkv1)",
-        mobile: "var(--v17_9_1xgjmkv2)"
+        desktop: "var(--v17_11_1xgjmkv0)",
+        tablet: "var(--v17_11_1xgjmkv1)",
+        mobile: "var(--v17_11_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v17_9_1xgjmkv3)",
-        tablet: "var(--v17_9_1xgjmkv4)",
-        mobile: "var(--v17_9_1xgjmkv5)"
+        desktop: "var(--v17_11_1xgjmkv3)",
+        tablet: "var(--v17_11_1xgjmkv4)",
+        mobile: "var(--v17_11_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v17_9_1xgjmkv6)",
-        tablet: "var(--v17_9_1xgjmkv7)",
-        mobile: "var(--v17_9_1xgjmkv8)"
+        desktop: "var(--v17_11_1xgjmkv6)",
+        tablet: "var(--v17_11_1xgjmkv7)",
+        mobile: "var(--v17_11_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v17_9_1xgjmkv9)",
-        tablet: "var(--v17_9_1xgjmkva)",
-        mobile: "var(--v17_9_1xgjmkvb)"
+        desktop: "var(--v17_11_1xgjmkv9)",
+        tablet: "var(--v17_11_1xgjmkva)",
+        mobile: "var(--v17_11_1xgjmkvb)"
     }
-}, a = "v17_9_1xgjmkvc";
+}, a = "v17_11_1xgjmkvc";

package/dist/boxed.css-mistica.js

@@ -29,32 +29,32 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                 */ var _ = {
-    width: "var(--v17_9_ihbkeq0)",
-    height: "var(--v17_9_ihbkeq1)",
-    minHeight: "var(--v17_9_ihbkeq2)",
-    maxWidth: "var(--v17_9_ihbkeq3)",
-    minWidth: "var(--v17_9_ihbkeq4)",
+    width: "var(--v17_11_ihbkeq0)",
+    height: "var(--v17_11_ihbkeq1)",
+    minHeight: "var(--v17_11_ihbkeq2)",
+    maxWidth: "var(--v17_11_ihbkeq3)",
+    minWidth: "var(--v17_11_ihbkeq4)",
     mobile: {
-        width: "var(--v17_9_ihbkeq5)",
-        height: "var(--v17_9_ihbkeq6)",
-        minHeight: "var(--v17_9_ihbkeq7)",
-        maxWidth: "var(--v17_9_ihbkeq8)",
-        minWidth: "var(--v17_9_ihbkeq9)"
+        width: "var(--v17_11_ihbkeq5)",
+        height: "var(--v17_11_ihbkeq6)",
+        minHeight: "var(--v17_11_ihbkeq7)",
+        maxWidth: "var(--v17_11_ihbkeq8)",
+        minWidth: "var(--v17_11_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v17_9_ihbkeqa)",
-        height: "var(--v17_9_ihbkeqb)",
-        minHeight: "var(--v17_9_ihbkeqc)",
-        maxWidth: "var(--v17_9_ihbkeqd)",
-        minWidth: "var(--v17_9_ihbkeqe)"
+        width: "var(--v17_11_ihbkeqa)",
+        height: "var(--v17_11_ihbkeqb)",
+        minHeight: "var(--v17_11_ihbkeqc)",
+        maxWidth: "var(--v17_11_ihbkeqd)",
+        minWidth: "var(--v17_11_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v17_9_ihbkeqf)",
-        height: "var(--v17_9_ihbkeqg)",
-        minHeight: "var(--v17_9_ihbkeqh)",
-        maxWidth: "var(--v17_9_ihbkeqi)",
-        minWidth: "var(--v17_9_ihbkeqj)"
-    },
-    background: "var(--v17_9_ihbkeqk)",
-    borderRadius: "var(--v17_9_ihbkeql)"
-}, h = "v17_9_ihbkeqm", e = "v17_9_ihbkeqn v17_9_1y2v1nfui", r = "v17_9_ihbkeqo v17_9_1y2v1nftv", a = "v17_9_ihbkeqp", b = "v17_9_ihbkeqq v17_9_1y2v1nftw";
+        width: "var(--v17_11_ihbkeqf)",
+        height: "var(--v17_11_ihbkeqg)",
+        minHeight: "var(--v17_11_ihbkeqh)",
+        maxWidth: "var(--v17_11_ihbkeqi)",
+        minWidth: "var(--v17_11_ihbkeqj)"
+    },
+    background: "var(--v17_11_ihbkeqk)",
+    borderRadius: "var(--v17_11_ihbkeql)"
+}, h = "v17_11_ihbkeqm", e = "v17_11_ihbkeqn v17_11_1y2v1nfv2", r = "v17_11_ihbkeqo v17_11_1y2v1nfuf", a = "v17_11_ihbkeqp", b = "v17_11_ihbkeqq v17_11_1y2v1nfug";

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

@@ -22,7 +22,7 @@ _export(exports, {
         return a;
     },
     get centerInMobile () {
-        return n;
+        return r;
     },
     get centerInTablet () {
         return t;
@@ -34,7 +34,7 @@ _export(exports, {
         return h;
     },
     get inline () {
-        return r;
+        return n;
     }
 });
-/* empty css                                     */ /* empty css                                  */ /* empty css                                        */ var r = "v17_9_1xdd1h61 v17_9_1xdd1h60 v17_9_1y2v1nfrf v17_9_1y2v1nfrt v17_9_1y2v1nfrj", n = "v17_9_1xdd1h62", t = "v17_9_1xdd1h63", a = "v17_9_1xdd1h64", e = "v17_9_1xdd1h65", h = "v17_9_1xdd1h66", i = "v17_9_1xdd1h67", o = "v17_9_1xdd1h68", x = "v17_9_1xdd1h69";
+/* empty css                                     */ /* empty css                                  */ /* empty css                                        */ var n = "v17_11_1xdd1h61 v17_11_1xdd1h60 v17_11_1y2v1nfrz v17_11_1y2v1nfsd v17_11_1y2v1nfs3", r = "v17_11_1xdd1h62", t = "v17_11_1xdd1h63", a = "v17_11_1xdd1h64", e = "v17_11_1xdd1h65", h = "v17_11_1xdd1h66", i = "v17_11_1xdd1h67", o = "v17_11_1xdd1h68", x = "v17_11_1xdd1h69";

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

@@ -13,7 +13,7 @@ _export(exports, {
         return h;
     },
     get container () {
-        return y;
+        return f;
     },
     get containerWithTwoButtons () {
         return l;
@@ -28,19 +28,19 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                  */ /* empty css                                         */ var y = "v17_9_kfxylh1 v17_9_kfxylh0 v17_9_1y2v1nfre v17_9_1y2v1nfrt", l = "v17_9_kfxylh2", h = {
-    right: "v17_9_kfxylh7 v17_9_kfxylh3 v17_9_1y2v1nfro",
-    left: "v17_9_kfxylh8 v17_9_kfxylh4 v17_9_1y2v1nfrm",
-    center: "v17_9_kfxylh9 v17_9_kfxylh5 v17_9_1y2v1nfrn",
-    "full-width": "v17_9_kfxylha v17_9_kfxylh6 v17_9_1y2v1nfrn"
-}, k = "v17_9_kfxylhd v17_9_kfxylhc v17_9_kfxylhb v17_9_1y2v1nfre v17_9_1y2v1nfs1", x = {
-    center: "v17_9_kfxylhh v17_9_kfxylhc v17_9_kfxylhb v17_9_1y2v1nfre v17_9_1y2v1nfs1",
-    left: "v17_9_kfxylhi v17_9_kfxylhc v17_9_kfxylhb v17_9_1y2v1nfre v17_9_1y2v1nfs1 v17_9_kfxylhe",
-    right: "v17_9_kfxylhj v17_9_kfxylhc v17_9_kfxylhb v17_9_1y2v1nfre v17_9_1y2v1nfs1 v17_9_kfxylhf",
-    "full-width": "v17_9_kfxylhk v17_9_kfxylhc v17_9_kfxylhb v17_9_1y2v1nfre v17_9_1y2v1nfs1 v17_9_kfxylhg"
+/* empty css                                     */ /* empty css                                  */ /* empty css                                         */ var f = "v17_11_kfxylh1 v17_11_kfxylh0 v17_11_1y2v1nfry v17_11_1y2v1nfsd", l = "v17_11_kfxylh2", h = {
+    right: "v17_11_kfxylh7 v17_11_kfxylh3 v17_11_1y2v1nfs8",
+    left: "v17_11_kfxylh8 v17_11_kfxylh4 v17_11_1y2v1nfs6",
+    center: "v17_11_kfxylh9 v17_11_kfxylh5 v17_11_1y2v1nfs7",
+    "full-width": "v17_11_kfxylha v17_11_kfxylh6 v17_11_1y2v1nfs7"
+}, k = "v17_11_kfxylhd v17_11_kfxylhc v17_11_kfxylhb v17_11_1y2v1nfry v17_11_1y2v1nfsl", x = {
+    center: "v17_11_kfxylhh v17_11_kfxylhc v17_11_kfxylhb v17_11_1y2v1nfry v17_11_1y2v1nfsl",
+    left: "v17_11_kfxylhi v17_11_kfxylhc v17_11_kfxylhb v17_11_1y2v1nfry v17_11_1y2v1nfsl v17_11_kfxylhe",
+    right: "v17_11_kfxylhj v17_11_kfxylhc v17_11_kfxylhb v17_11_1y2v1nfry v17_11_1y2v1nfsl v17_11_kfxylhf",
+    "full-width": "v17_11_kfxylhk v17_11_kfxylhc v17_11_kfxylhb v17_11_1y2v1nfry v17_11_1y2v1nfsl v17_11_kfxylhg"
 }, n = {
-    center: "v17_9_kfxylho v17_9_kfxylhc v17_9_kfxylhb v17_9_1y2v1nfre v17_9_1y2v1nfs1",
-    left: "v17_9_kfxylhp v17_9_kfxylhc v17_9_kfxylhb v17_9_1y2v1nfre v17_9_1y2v1nfs1 v17_9_kfxylhl",
-    right: "v17_9_kfxylhq v17_9_kfxylhc v17_9_kfxylhb v17_9_1y2v1nfre v17_9_1y2v1nfs1 v17_9_kfxylhm",
-    "full-width": "v17_9_kfxylhr v17_9_kfxylhc v17_9_kfxylhb v17_9_1y2v1nfre v17_9_1y2v1nfs1 v17_9_kfxylhn"
+    center: "v17_11_kfxylho v17_11_kfxylhc v17_11_kfxylhb v17_11_1y2v1nfry v17_11_1y2v1nfsl",
+    left: "v17_11_kfxylhp v17_11_kfxylhc v17_11_kfxylhb v17_11_1y2v1nfry v17_11_1y2v1nfsl v17_11_kfxylhl",
+    right: "v17_11_kfxylhq v17_11_kfxylhc v17_11_kfxylhb v17_11_1y2v1nfry v17_11_1y2v1nfsl v17_11_kfxylhm",
+    "full-width": "v17_11_kfxylhr v17_11_kfxylhc v17_11_kfxylhb v17_11_1y2v1nfry v17_11_1y2v1nfsl v17_11_kfxylhn"
 };