@retab/react 0.0.3 → 0.0.4

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);
@@ -873,6 +871,9 @@
   .h-\[42px\] {
     height: 42px;
   }
+  .h-\[44px\] {
+    height: 44px;
+  }
   .h-\[54px\] {
     height: 54px;
   }
@@ -966,6 +967,9 @@
   .min-h-\[24px\] {
     min-height: 24px;
   }
+  .min-h-\[28px\] {
+    min-height: 28px;
+  }
   .min-h-\[30px\] {
     min-height: 30px;
   }
@@ -1761,6 +1765,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);
   }
@@ -1917,9 +1924,6 @@
   .bg-\[\#EEDFFF\] {
     background-color: #EEDFFF;
   }
-  .bg-\[\#F6EEFF\] {
-    background-color: #F6EEFF;
-  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -1986,6 +1990,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 +2053,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 +2122,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);
   }
@@ -2472,6 +2473,9 @@
   .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 +2643,6 @@
   .text-\[\#1E3A8A\] {
     color: #1E3A8A;
   }
-  .text-\[\#3E274A\] {
-    color: #3E274A;
-  }
   .text-\[\#5F6AD2\] {
     color: #5F6AD2;
   }
@@ -3036,6 +3037,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,12 +3064,6 @@
   .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-ring\/50 {
     --tw-ring-color: var(--ring);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3735,6 +3733,13 @@
       }
     }
   }
+  .hover\:bg-blue-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-500);
+      }
+    }
+  }
   .hover\:bg-destructive {
     &:hover {
       @media (hover: hover) {
@@ -3818,13 +3823,6 @@
       }
     }
   }
-  .hover\:bg-indigo-100 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-indigo-100);
-      }
-    }
-  }
   .hover\:bg-indigo-400 {
     &:hover {
       @media (hover: hover) {
@@ -3925,20 +3923,6 @@
       }
     }
   }
-  .hover\:bg-purple-100 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-purple-100);
-      }
-    }
-  }
-  .hover\:bg-purple-500 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-purple-500);
-      }
-    }
-  }
   .hover\:bg-red-100 {
     &:hover {
       @media (hover: hover) {
@@ -4198,6 +4182,13 @@
       }
     }
   }
+  .hover\:text-blue-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-blue-700);
+      }
+    }
+  }
   .hover\:text-blue-900 {
     &:hover {
       @media (hover: hover) {
@@ -4508,6 +4499,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 +4512,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);
@@ -5496,6 +5487,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.4",
   "description": "Retab React widgets for document extraction",
   "main": "dist/index.js",
   "module": "dist/index.mjs",