@copilotz/chat-ui 0.7.1 → 0.7.3

package/dist/styles.css

@@ -14,9 +14,6 @@
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
     --color-green-500: oklch(72.3% 0.219 149.579);
-    --color-emerald-300: oklch(84.5% 0.143 164.978);
-    --color-emerald-500: oklch(69.6% 0.17 162.48);
-    --color-emerald-700: oklch(50.8% 0.118 165.612);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -41,7 +38,6 @@
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
-    --tracking-wide: 0.025em;
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
@@ -244,9 +240,6 @@
   .pointer-events-none {
     pointer-events: none;
   }
-  .invisible {
-    visibility: hidden;
-  }
   .visible {
     visibility: visible;
   }
@@ -297,6 +290,9 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
+  .top-5 {
+    top: calc(var(--spacing) * 5);
+  }
   .top-\[50\%\] {
     top: 50%;
   }
@@ -1201,8 +1197,11 @@
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
-  .h-\[100svh\] {
-    height: 100svh;
+  .h-\[100dvh\] {
+    height: 100dvh;
+  }
+  .h-\[calc\(100\%-0\.25rem\)\] {
+    height: calc(100% - 0.25rem);
   }
   .h-\[calc\(100vh-280px\)\] {
     height: calc(100vh - 280px);
@@ -1234,6 +1233,9 @@
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
+  .min-h-6 {
+    min-height: calc(var(--spacing) * 6);
+  }
   .min-h-\[60px\] {
     min-height: 60px;
   }
@@ -1333,6 +1335,9 @@
   .w-full {
     width: 100%;
   }
+  .w-px {
+    width: 1px;
+  }
   .max-w-\(--skeleton-width\) {
     max-width: var(--skeleton-width);
   }
@@ -1390,9 +1395,6 @@
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
-  .min-w-\[132px\] {
-    min-width: 132px;
-  }
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
@@ -1496,8 +1498,8 @@
   .grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
-    grid-template-columns: minmax(0,1fr) auto;
+  .grid-cols-\[1rem_minmax\(0\,1fr\)\] {
+    grid-template-columns: 1rem minmax(0,1fr);
   }
   .grid-rows-\[auto_auto\] {
     grid-template-rows: auto auto;
@@ -1711,12 +1713,6 @@
       border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
     }
   }
-  .border-border\/60 {
-    border-color: color-mix(in srgb, hsl(var(--border)) 60%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
-    }
-  }
   .border-destructive\/30 {
     border-color: color-mix(in srgb, hsl(var(--destructive)) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1762,12 +1758,6 @@
   .bg-background {
     background-color: var(--color-background);
   }
-  .bg-background\/70 {
-    background-color: color-mix(in srgb, hsl(var(--background)) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-background) 70%, transparent);
-    }
-  }
   .bg-background\/80 {
     background-color: color-mix(in srgb, hsl(var(--background)) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1813,21 +1803,9 @@
       background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);
     }
   }
-  .bg-emerald-500\/10 {
-    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
-    }
-  }
   .bg-muted {
     background-color: var(--color-muted);
   }
-  .bg-muted\/10 {
-    background-color: color-mix(in srgb, hsl(var(--muted)) 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
-    }
-  }
   .bg-muted\/20 {
     background-color: color-mix(in srgb, hsl(var(--muted)) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1840,10 +1818,10 @@
       background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
     }
   }
-  .bg-muted\/70 {
-    background-color: color-mix(in srgb, hsl(var(--muted)) 70%, transparent);
+  .bg-muted\/60 {
+    background-color: color-mix(in srgb, hsl(var(--muted)) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);
+      background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
     }
   }
   .bg-popover {
@@ -2017,8 +1995,8 @@
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
-  .pt-3 {
-    padding-top: calc(var(--spacing) * 3);
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
   }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
@@ -2047,6 +2025,9 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-7 {
+    padding-left: calc(var(--spacing) * 7);
+  }
   .pl-8 {
     padding-left: calc(var(--spacing) * 8);
   }
@@ -2123,10 +2104,6 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .tracking-wide {
-    --tw-tracking: var(--tracking-wide);
-    letter-spacing: var(--tracking-wide);
-  }
   .tracking-wider {
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
@@ -2162,9 +2139,6 @@
   .text-destructive-foreground {
     color: var(--color-destructive-foreground);
   }
-  .text-emerald-700 {
-    color: var(--color-emerald-700);
-  }
   .text-foreground {
     color: var(--color-foreground);
   }
@@ -3481,11 +3455,6 @@
       display: flex;
     }
   }
-  .md\:h-screen {
-    @media (width >= 48rem) {
-      height: 100vh;
-    }
-  }
   .md\:min-w-3xl {
     @media (width >= 48rem) {
       min-width: var(--container-3xl);
@@ -3574,11 +3543,6 @@
       }
     }
   }
-  .dark\:text-emerald-300 {
-    &:is(.dark *) {
-      color: var(--color-emerald-300);
-    }
-  }
   .dark\:prose-invert {
     &:is(.dark *) {
       --tw-prose-body: var(--tw-prose-invert-body);

package/package.json

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