@retab/react 0.0.4 → 0.0.5

package/dist/styles.css

@@ -151,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;
@@ -665,6 +666,9 @@
   .block {
     display: block;
   }
+  .contents {
+    display: contents;
+  }
   .flex {
     display: flex;
   }
@@ -835,6 +839,9 @@
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
+  .h-56 {
+    height: calc(var(--spacing) * 56);
+  }
   .h-64 {
     height: calc(var(--spacing) * 64);
   }
@@ -991,6 +998,9 @@
   .w-\(--cell-size\) {
     width: var(--cell-size);
   }
+  .w-0 {
+    width: calc(var(--spacing) * 0);
+  }
   .w-1 {
     width: calc(var(--spacing) * 1);
   }
@@ -1252,6 +1262,9 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-\[0_0_0\%\] {
+    flex: 0 0 0%;
+  }
   .flex-none {
     flex: none;
   }
@@ -1313,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);
@@ -1840,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);
   }
@@ -1864,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);
   }
@@ -2467,6 +2494,9 @@
   .pb-8 {
     padding-bottom: calc(var(--spacing) * 8);
   }
+  .pb-12 {
+    padding-bottom: calc(var(--spacing) * 12);
+  }
   .pb-20 {
     padding-bottom: calc(var(--spacing) * 20);
   }
@@ -2868,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);
   }
@@ -3064,6 +3097,9 @@
   .ring-green-500 {
     --tw-ring-color: var(--color-green-500);
   }
+  .ring-green-600 {
+    --tw-ring-color: var(--color-green-600);
+  }
   .ring-ring\/50 {
     --tw-ring-color: var(--ring);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3691,6 +3727,13 @@
       }
     }
   }
+  .hover\:border-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--primary);
+      }
+    }
+  }
   .hover\:border-red-300 {
     &:hover {
       @media (hover: hover) {
@@ -3698,6 +3741,13 @@
       }
     }
   }
+  .hover\:border-red-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-red-400);
+      }
+    }
+  }
   .hover\:bg-\[\#EEDFFF\] {
     &:hover {
       @media (hover: hover) {
@@ -3913,6 +3963,13 @@
       }
     }
   }
+  .hover\:bg-primary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+      }
+    }
+  }
   .hover\:bg-primary\/90 {
     &:hover {
       @media (hover: hover) {
@@ -3923,6 +3980,13 @@
       }
     }
   }
+  .hover\:bg-red-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-50);
+      }
+    }
+  }
   .hover\:bg-red-100 {
     &:hover {
       @media (hover: hover) {
@@ -4266,6 +4330,13 @@
       }
     }
   }
+  .hover\:text-primary-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--primary-foreground);
+      }
+    }
+  }
   .hover\:text-purple-900 {
     &:hover {
       @media (hover: hover) {
@@ -5432,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;

package/package.json

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