@retab/react 0.0.1 → 0.0.2

package/dist/styles.css

@@ -117,6 +117,7 @@
     --color-zinc-300: oklch(87.1% 0.006 286.286);
     --color-zinc-400: oklch(70.5% 0.015 286.067);
     --color-zinc-500: oklch(55.2% 0.016 285.938);
+    --color-zinc-600: oklch(44.2% 0.017 285.786);
     --color-zinc-800: oklch(27.4% 0.006 286.033);
     --color-zinc-900: oklch(21% 0.006 285.885);
     --color-neutral-50: oklch(98.5% 0 0);
@@ -171,6 +172,7 @@
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
     --radius-2xl: 1rem;
+    --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;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
@@ -402,6 +404,9 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
+  .top-12 {
+    top: calc(var(--spacing) * 12);
+  }
   .top-\[1px\] {
     top: 1px;
   }
@@ -453,6 +458,9 @@
   .z-30 {
     z-index: 30;
   }
+  .z-40 {
+    z-index: 40;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -1136,6 +1144,12 @@
   .max-w-\[80vw\] {
     max-width: 80vw;
   }
+  .max-w-\[120px\] {
+    max-width: 120px;
+  }
+  .max-w-\[150px\] {
+    max-width: 150px;
+  }
   .max-w-\[200px\] {
     max-width: 200px;
   }
@@ -1330,6 +1344,9 @@
   .cursor-col-resize {
     cursor: col-resize;
   }
+  .cursor-context-menu {
+    cursor: context-menu;
+  }
   .cursor-default {
     cursor: default;
   }
@@ -1633,10 +1650,6 @@
     border-inline-style: var(--tw-border-style);
     border-inline-width: 0px;
   }
-  .border-y {
-    border-block-style: var(--tw-border-style);
-    border-block-width: 1px;
-  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -1860,6 +1873,9 @@
   .bg-\[\#1E1E1E\] {
     background-color: #1E1E1E;
   }
+  .bg-\[\#252526\] {
+    background-color: #252526;
+  }
   .bg-\[\#969696\] {
     background-color: #969696;
   }
@@ -1890,6 +1906,12 @@
       background-color: color-mix(in oklab, var(--background) 3%, transparent);
     }
   }
+  .bg-background\/80 {
+    background-color: var(--background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--background) 80%, transparent);
+    }
+  }
   .bg-black\/50 {
     background-color: color-mix(in srgb, #000 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1908,9 +1930,6 @@
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
-  .bg-blue-600 {
-    background-color: var(--color-blue-600);
-  }
   .bg-border {
     background-color: var(--border);
   }
@@ -1947,12 +1966,18 @@
   .bg-gray-300 {
     background-color: var(--color-gray-300);
   }
+  .bg-gray-400 {
+    background-color: var(--color-gray-400);
+  }
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
   .bg-green-50 {
     background-color: var(--color-green-50);
   }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
   .bg-green-600 {
     background-color: var(--color-green-600);
   }
@@ -2043,8 +2068,8 @@
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
-  .bg-red-600 {
-    background-color: var(--color-red-600);
+  .bg-red-500 {
+    background-color: var(--color-red-500);
   }
   .bg-red-950\/20 {
     background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
@@ -2121,6 +2146,9 @@
       background-color: color-mix(in oklab, var(--color-violet-50) 20%, transparent);
     }
   }
+  .bg-violet-100 {
+    background-color: var(--color-violet-100);
+  }
   .bg-violet-100\/20 {
     background-color: color-mix(in srgb, oklch(94.3% 0.029 294.588) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2163,6 +2191,12 @@
   .bg-yellow-50 {
     background-color: var(--color-yellow-50);
   }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
+  .bg-zinc-50 {
+    background-color: var(--color-zinc-50);
+  }
   .bg-zinc-100 {
     background-color: var(--color-zinc-100);
   }
@@ -2542,6 +2576,9 @@
   .text-\[\#3E274A\] {
     color: #3E274A;
   }
+  .text-\[\#4EC9B0\] {
+    color: #4EC9B0;
+  }
   .text-\[\#5F6AD2\] {
     color: #5F6AD2;
   }
@@ -2551,9 +2588,15 @@
   .text-\[\#736982\] {
     color: #736982;
   }
+  .text-\[\#CBCB41\] {
+    color: #CBCB41;
+  }
   .text-\[\#D25F5F\] {
     color: #D25F5F;
   }
+  .text-\[\#E1C08D\] {
+    color: #E1C08D;
+  }
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
@@ -2668,6 +2711,12 @@
       color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
     }
   }
+  .text-muted-foreground\/60 {
+    color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
+    }
+  }
   .text-neutral-600 {
     color: var(--color-neutral-600);
   }
@@ -2761,12 +2810,18 @@
   .text-stone-300 {
     color: var(--color-stone-300);
   }
+  .text-stone-600 {
+    color: var(--color-stone-600);
+  }
   .text-stone-800 {
     color: var(--color-stone-800);
   }
   .text-transparent {
     color: transparent;
   }
+  .text-violet-600 {
+    color: var(--color-violet-600);
+  }
   .text-violet-600\/20 {
     color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2785,12 +2840,18 @@
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
+  .text-zinc-300 {
+    color: var(--color-zinc-300);
+  }
   .text-zinc-400 {
     color: var(--color-zinc-400);
   }
   .text-zinc-500 {
     color: var(--color-zinc-500);
   }
+  .text-zinc-600 {
+    color: var(--color-zinc-600);
+  }
   .text-zinc-800 {
     color: var(--color-zinc-800);
   }
@@ -3002,6 +3063,10 @@
   .transition-none {
     transition-property: none;
   }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -3018,6 +3083,13 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+  .will-change-transform {
+    will-change: transform;
+  }
   .fade-in-0 {
     --tw-enter-opacity: calc(0/100);
     --tw-enter-opacity: 0;
@@ -3113,20 +3185,6 @@
       }
     }
   }
-  .group-hover\:-rotate-\[360deg\] {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        rotate: calc(360deg * -1);
-      }
-    }
-  }
-  .group-hover\:rotate-0 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        rotate: 0deg;
-      }
-    }
-  }
   .group-hover\:bg-\[\#4D4D4D\] {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -3582,13 +3640,6 @@
       }
     }
   }
-  .hover\:bg-blue-700 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-blue-700);
-      }
-    }
-  }
   .hover\:bg-destructive {
     &:hover {
       @media (hover: hover) {
@@ -3800,13 +3851,6 @@
       }
     }
   }
-  .hover\:bg-red-700 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-red-700);
-      }
-    }
-  }
   .hover\:bg-secondary\/80 {
     &:hover {
       @media (hover: hover) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retab/react",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Retab React widgets for document extraction",
   "main": "dist/index.js",
   "module": "dist/index.mjs",