@retab/react 0.0.3 → 0.0.5

package/dist/styles.css

@@ -72,7 +72,6 @@
     --color-blue-900: oklch(37.9% 0.146 265.522);
     --color-indigo-50: oklch(96.2% 0.018 272.314);
     --color-indigo-100: oklch(93% 0.034 272.788);
-    --color-indigo-200: oklch(87% 0.065 274.039);
     --color-indigo-400: oklch(67.3% 0.182 276.935);
     --color-indigo-500: oklch(58.5% 0.233 277.117);
     --color-indigo-600: oklch(51.1% 0.262 276.966);
@@ -85,7 +84,6 @@
     --color-violet-600: oklch(54.1% 0.281 293.009);
     --color-violet-800: oklch(43.2% 0.232 292.759);
     --color-purple-100: oklch(94.6% 0.033 307.174);
-    --color-purple-200: oklch(90.2% 0.063 306.703);
     --color-purple-300: oklch(82.7% 0.119 306.383);
     --color-purple-400: oklch(71.4% 0.203 305.504);
     --color-purple-500: oklch(62.7% 0.265 303.9);
@@ -153,6 +151,7 @@
     --container-2xl: 42rem;
     --container-3xl: 48rem;
     --container-6xl: 72rem;
+    --container-7xl: 80rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -667,6 +666,9 @@
   .block {
     display: block;
   }
+  .contents {
+    display: contents;
+  }
   .flex {
     display: flex;
   }
@@ -837,6 +839,9 @@
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
+  .h-56 {
+    height: calc(var(--spacing) * 56);
+  }
   .h-64 {
     height: calc(var(--spacing) * 64);
   }
@@ -873,6 +878,9 @@
   .h-\[42px\] {
     height: 42px;
   }
+  .h-\[44px\] {
+    height: 44px;
+  }
   .h-\[54px\] {
     height: 54px;
   }
@@ -966,6 +974,9 @@
   .min-h-\[24px\] {
     min-height: 24px;
   }
+  .min-h-\[28px\] {
+    min-height: 28px;
+  }
   .min-h-\[30px\] {
     min-height: 30px;
   }
@@ -987,6 +998,9 @@
   .w-\(--cell-size\) {
     width: var(--cell-size);
   }
+  .w-0 {
+    width: calc(var(--spacing) * 0);
+  }
   .w-1 {
     width: calc(var(--spacing) * 1);
   }
@@ -1248,6 +1262,9 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-\[0_0_0\%\] {
+    flex: 0 0 0%;
+  }
   .flex-none {
     flex: none;
   }
@@ -1309,10 +1326,18 @@
     --tw-translate-x: calc(var(--spacing) * -2.5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-2\.5 {
     --tw-translate-x: calc(var(--spacing) * 2.5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-x-4 {
+    --tw-translate-x: calc(var(--spacing) * 4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-\[-50\%\] {
     --tw-translate-x: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1761,6 +1786,9 @@
   .border-blue-200 {
     border-color: var(--color-blue-200);
   }
+  .border-blue-300 {
+    border-color: var(--color-blue-300);
+  }
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
@@ -1833,6 +1861,9 @@
   .border-red-200 {
     border-color: var(--color-red-200);
   }
+  .border-red-300 {
+    border-color: var(--color-red-300);
+  }
   .border-red-400 {
     border-color: var(--color-red-400);
   }
@@ -1857,6 +1888,9 @@
   .border-slate-500 {
     border-color: var(--color-slate-500);
   }
+  .border-slate-700 {
+    border-color: var(--color-slate-700);
+  }
   .border-stone-200 {
     border-color: var(--color-stone-200);
   }
@@ -1917,9 +1951,6 @@
   .bg-\[\#EEDFFF\] {
     background-color: #EEDFFF;
   }
-  .bg-\[\#F6EEFF\] {
-    background-color: #F6EEFF;
-  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -1986,6 +2017,9 @@
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
   .bg-border {
     background-color: var(--border);
   }
@@ -2046,9 +2080,6 @@
       background-color: color-mix(in oklab, var(--color-indigo-100) 60%, transparent);
     }
   }
-  .bg-indigo-200 {
-    background-color: var(--color-indigo-200);
-  }
   .bg-indigo-500 {
     background-color: var(--color-indigo-500);
   }
@@ -2118,9 +2149,6 @@
   .bg-purple-100 {
     background-color: var(--color-purple-100);
   }
-  .bg-purple-500 {
-    background-color: var(--color-purple-500);
-  }
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
@@ -2466,12 +2494,18 @@
   .pb-8 {
     padding-bottom: calc(var(--spacing) * 8);
   }
+  .pb-12 {
+    padding-bottom: calc(var(--spacing) * 12);
+  }
   .pb-20 {
     padding-bottom: calc(var(--spacing) * 20);
   }
   .pl-0 {
     padding-left: calc(var(--spacing) * 0);
   }
+  .pl-1 {
+    padding-left: calc(var(--spacing) * 1);
+  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -2639,9 +2673,6 @@
   .text-\[\#1E3A8A\] {
     color: #1E3A8A;
   }
-  .text-\[\#3E274A\] {
-    color: #3E274A;
-  }
   .text-\[\#5F6AD2\] {
     color: #5F6AD2;
   }
@@ -2867,6 +2898,9 @@
   .text-slate-100 {
     color: var(--color-slate-100);
   }
+  .text-slate-200 {
+    color: var(--color-slate-200);
+  }
   .text-slate-300 {
     color: var(--color-slate-300);
   }
@@ -3036,6 +3070,9 @@
     --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);
   }
+  .ring-blue-300 {
+    --tw-ring-color: var(--color-blue-300);
+  }
   .ring-blue-500 {
     --tw-ring-color: var(--color-blue-500);
   }
@@ -3060,11 +3097,8 @@
   .ring-green-500 {
     --tw-ring-color: var(--color-green-500);
   }
-  .ring-purple-300 {
-    --tw-ring-color: var(--color-purple-300);
-  }
-  .ring-purple-500 {
-    --tw-ring-color: var(--color-purple-500);
+  .ring-green-600 {
+    --tw-ring-color: var(--color-green-600);
   }
   .ring-ring\/50 {
     --tw-ring-color: var(--ring);
@@ -3693,6 +3727,13 @@
       }
     }
   }
+  .hover\:border-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--primary);
+      }
+    }
+  }
   .hover\:border-red-300 {
     &:hover {
       @media (hover: hover) {
@@ -3700,6 +3741,13 @@
       }
     }
   }
+  .hover\:border-red-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-red-400);
+      }
+    }
+  }
   .hover\:bg-\[\#EEDFFF\] {
     &:hover {
       @media (hover: hover) {
@@ -3735,6 +3783,13 @@
       }
     }
   }
+  .hover\:bg-blue-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-500);
+      }
+    }
+  }
   .hover\:bg-destructive {
     &:hover {
       @media (hover: hover) {
@@ -3818,13 +3873,6 @@
       }
     }
   }
-  .hover\:bg-indigo-100 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-indigo-100);
-      }
-    }
-  }
   .hover\:bg-indigo-400 {
     &:hover {
       @media (hover: hover) {
@@ -3915,27 +3963,27 @@
       }
     }
   }
-  .hover\:bg-primary\/90 {
+  .hover\:bg-primary {
     &:hover {
       @media (hover: hover) {
         background-color: var(--primary);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
-        }
       }
     }
   }
-  .hover\:bg-purple-100 {
+  .hover\:bg-primary\/90 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-purple-100);
+        background-color: var(--primary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
+        }
       }
     }
   }
-  .hover\:bg-purple-500 {
+  .hover\:bg-red-50 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-purple-500);
+        background-color: var(--color-red-50);
       }
     }
   }
@@ -4198,6 +4246,13 @@
       }
     }
   }
+  .hover\:text-blue-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-blue-700);
+      }
+    }
+  }
   .hover\:text-blue-900 {
     &:hover {
       @media (hover: hover) {
@@ -4275,6 +4330,13 @@
       }
     }
   }
+  .hover\:text-primary-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--primary-foreground);
+      }
+    }
+  }
   .hover\:text-purple-900 {
     &:hover {
       @media (hover: hover) {
@@ -4508,6 +4570,11 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-visible\:ring-blue-200 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-blue-200);
+    }
+  }
   .focus-visible\:ring-destructive\/20 {
     &:focus-visible {
       --tw-ring-color: var(--destructive);
@@ -4516,11 +4583,6 @@
       }
     }
   }
-  .focus-visible\:ring-purple-200 {
-    &:focus-visible {
-      --tw-ring-color: var(--color-purple-200);
-    }
-  }
   .focus-visible\:ring-ring {
     &:focus-visible {
       --tw-ring-color: var(--ring);
@@ -5441,6 +5503,11 @@
       width: auto;
     }
   }
+  .sm\:max-w-7xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-7xl);
+    }
+  }
   .sm\:max-w-\[700px\] {
     @media (width >= 40rem) {
       max-width: 700px;
@@ -5496,6 +5563,11 @@
       position: absolute;
     }
   }
+  .md\:min-h-\[28px\] {
+    @media (width >= 48rem) {
+      min-height: 28px;
+    }
+  }
   .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
     @media (width >= 48rem) {
       width: var(--radix-navigation-menu-viewport-width);

package/package.json

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