@copilotz/chat-ui 0.9.6 → 0.9.7

package/dist/styles.css

@@ -48,6 +48,7 @@
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
     --radius-2xl: 1rem;
+    --radius-3xl: 1.5rem;
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
@@ -1224,9 +1225,6 @@
   .max-h-\[65vh\] {
     max-height: 65vh;
   }
-  .max-h-\[120px\] {
-    max-height: 120px;
-  }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -1236,6 +1234,12 @@
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
+  .min-h-10 {
+    min-height: calc(var(--spacing) * 10);
+  }
+  .min-h-11 {
+    min-height: calc(var(--spacing) * 11);
+  }
   .min-h-28 {
     min-height: calc(var(--spacing) * 28);
   }
@@ -1281,6 +1285,9 @@
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
+  .w-9 {
+    width: calc(var(--spacing) * 9);
+  }
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
@@ -1549,9 +1556,6 @@
   .items-center {
     align-items: center;
   }
-  .items-end {
-    align-items: flex-end;
-  }
   .items-start {
     align-items: flex-start;
   }
@@ -1668,6 +1672,9 @@
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
+  .rounded-3xl {
+    border-radius: var(--radius-3xl);
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -1743,6 +1750,12 @@
       border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
     }
   }
+  .border-border\/80 {
+    border-color: color-mix(in srgb, hsl(var(--border)) 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
+    }
+  }
   .border-destructive\/30 {
     border-color: color-mix(in srgb, hsl(var(--destructive)) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1830,6 +1843,12 @@
   .bg-card {
     background-color: var(--color-card);
   }
+  .bg-card\/95 {
+    background-color: color-mix(in srgb, hsl(var(--card)) 95%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-card) 95%, transparent);
+    }
+  }
   .bg-destructive {
     background-color: var(--color-destructive);
   }
@@ -1980,6 +1999,9 @@
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
+  .p-2\.5 {
+    padding: calc(var(--spacing) * 2.5);
+  }
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
@@ -2034,6 +2056,9 @@
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
@@ -2347,6 +2372,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[border-color\,box-shadow\,background-color\] {
+    transition-property: border-color,box-shadow,background-color;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[color\,box-shadow\] {
     transition-property: color,box-shadow;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2733,6 +2763,39 @@
       }
     }
   }
+  .focus-within\:border-ring\/60 {
+    &:focus-within {
+      border-color: color-mix(in srgb, hsl(var(--ring)) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-ring) 60%, transparent);
+      }
+    }
+  }
+  .focus-within\:bg-card {
+    &:focus-within {
+      background-color: var(--color-card);
+    }
+  }
+  .focus-within\:shadow-md {
+    &:focus-within {
+      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus-within\:ring-2 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus-within\:ring-ring\/15 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, hsl(var(--ring)) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-ring) 15%, transparent);
+      }
+    }
+  }
   .hover\:border-accent {
     &:hover {
       @media (hover: hover) {
@@ -3548,9 +3611,9 @@
       min-width: var(--container-3xl);
     }
   }
-  .md\:p-2 {
+  .md\:px-2 {
     @media (width >= 48rem) {
-      padding: calc(var(--spacing) * 2);
+      padding-inline: calc(var(--spacing) * 2);
     }
   }
   .md\:text-sm {

package/package.json

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