@copilotz/chat-ui 0.9.0 → 0.9.2

package/dist/styles.css

@@ -13,7 +13,13 @@
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
+    --color-amber-500: oklch(76.9% 0.188 70.08);
     --color-green-500: oklch(72.3% 0.219 149.579);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-cyan-500: oklch(71.5% 0.143 215.221);
+    --color-sky-500: oklch(68.5% 0.169 237.323);
+    --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-rose-500: oklch(64.5% 0.246 16.439);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -1242,6 +1248,9 @@
   .min-h-6 {
     min-height: calc(var(--spacing) * 6);
   }
+  .min-h-9 {
+    min-height: calc(var(--spacing) * 9);
+  }
   .min-h-\[60px\] {
     min-height: 60px;
   }
@@ -1359,8 +1368,8 @@
   .max-w-4xl {
     max-width: var(--container-4xl);
   }
-  .max-w-20 {
-    max-width: calc(var(--spacing) * 20);
+  .max-w-24 {
+    max-width: calc(var(--spacing) * 24);
   }
   .max-w-\[85\%\] {
     max-width: 85%;
@@ -1477,6 +1486,9 @@
   .rotate-45 {
     rotate: 45deg;
   }
+  .rotate-90 {
+    rotate: 90deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -1513,6 +1525,9 @@
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
   .grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
@@ -1561,9 +1576,6 @@
   .justify-start {
     justify-content: flex-start;
   }
-  .gap-0\.5 {
-    gap: calc(var(--spacing) * 0.5);
-  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -1782,6 +1794,9 @@
       background-color: color-mix(in oklab, var(--color-accent) 60%, transparent);
     }
   }
+  .bg-amber-500 {
+    background-color: var(--color-amber-500);
+  }
   .bg-background {
     background-color: var(--color-background);
   }
@@ -1827,6 +1842,9 @@
   .bg-card {
     background-color: var(--color-card);
   }
+  .bg-cyan-500 {
+    background-color: var(--color-cyan-500);
+  }
   .bg-destructive {
     background-color: var(--color-destructive);
   }
@@ -1836,6 +1854,9 @@
       background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);
     }
   }
+  .bg-emerald-500 {
+    background-color: var(--color-emerald-500);
+  }
   .bg-muted {
     background-color: var(--color-muted);
   }
@@ -1908,6 +1929,9 @@
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
+  .bg-rose-500 {
+    background-color: var(--color-rose-500);
+  }
   .bg-secondary {
     background-color: var(--color-secondary);
   }
@@ -1917,12 +1941,6 @@
   .bg-sidebar-accent {
     background-color: var(--color-sidebar-accent);
   }
-  .bg-sidebar-accent\/40 {
-    background-color: color-mix(in srgb, hsl(var(--sidebar-accent)) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-sidebar-accent) 40%, transparent);
-    }
-  }
   .bg-sidebar-accent\/50 {
     background-color: color-mix(in srgb, hsl(var(--sidebar-accent)) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1932,9 +1950,15 @@
   .bg-sidebar-border {
     background-color: var(--color-sidebar-border);
   }
+  .bg-sky-500 {
+    background-color: var(--color-sky-500);
+  }
   .bg-transparent {
     background-color: transparent;
   }
+  .bg-violet-500 {
+    background-color: var(--color-violet-500);
+  }
   .bg-gradient-to-br {
     --tw-gradient-position: to bottom right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2139,6 +2163,10 @@
   .text-\[11px\] {
     font-size: 11px;
   }
+  .leading-5 {
+    --tw-leading: calc(var(--spacing) * 5);
+    line-height: calc(var(--spacing) * 5);
+  }
   .leading-6 {
     --tw-leading: calc(var(--spacing) * 6);
     line-height: calc(var(--spacing) * 6);
@@ -2770,10 +2798,13 @@
       }
     }
   }
-  .hover\:bg-background {
+  .hover\:bg-background\/80 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-background);
+        background-color: color-mix(in srgb, hsl(var(--background)) 80%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-background) 80%, transparent);
+        }
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotz/chat-ui",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "Copilotz chat UI components",
   "type": "module",
   "main": "./dist/index.cjs",