@zvoove/unity-ui 2.19.1 → 2.20.0

package/dist/theme.css

@@ -348,6 +348,9 @@
   --container-laptop: 80rem; /* 1280px */
   --container-desktop: 96rem; /* 1536px */
 
+  --chat-shell-max-width: 54rem; /* 864px — centered conversation container */
+  --chat-content-measure: 72ch; /* max inline-size for bubbles & cards */
+
   @keyframes ripple {
     0% {
       opacity: 0;
@@ -405,6 +408,50 @@
       background-position: -200% 0;
     }
   }
+
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+      transform: translateY(6px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  --animate-fade-in: fade-in 0.5s ease-in-out both;
+
+  @keyframes dot-pulse {
+    0%,
+    80%,
+    100% {
+      opacity: 0.15;
+    }
+    40% {
+      opacity: 1;
+    }
+  }
+
+  --animate-dot-pulse: dot-pulse 1.4s ease-in-out infinite;
+
+  @keyframes thumb-pop {
+    0% {
+      transform: scale(1);
+    }
+    30% {
+      transform: scale(1.35);
+    }
+    50% {
+      transform: scale(0.9);
+    }
+    70% {
+      transform: scale(1.1);
+    }
+    100% {
+      transform: scale(1);
+    }
+  }
 }
 
 @layer base {
@@ -577,6 +624,14 @@
   .animate-circular-indeterminate {
     animation: circular-indeterminate 1.2s ease-in-out infinite;
   }
+
+  .remove-margin-block-start {
+    margin-block-start: 0 !important;
+  }
+
+  .remove-margin-block-end {
+    margin-block-end: 0 !important;
+  }
 }
 
 @layer base {