@universe-platform/ui 0.1.0-beta.6 → 0.1.0-beta.7

package/dist/globals.css

@@ -19,6 +19,7 @@
     --color-emerald-50: oklch(97.9% 0.021 166.113);
     --color-emerald-100: oklch(95% 0.052 163.051);
     --color-emerald-200: oklch(90.5% 0.093 164.15);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
     --color-emerald-600: oklch(59.6% 0.145 163.225);
     --color-emerald-700: oklch(50.8% 0.118 165.612);
     --color-emerald-800: oklch(43.2% 0.095 166.913);
@@ -271,6 +272,9 @@
   .top-2\.5 {
     top: calc(var(--spacing) * 2.5);
   }
+  .top-\[1px\] {
+    top: 1px;
+  }
   .top-full {
     top: 100%;
   }
@@ -301,6 +305,9 @@
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
+  .isolate {
+    isolation: isolate;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -358,6 +365,9 @@
   .hidden {
     display: none;
   }
+  .inline {
+    display: inline;
+  }
   .inline-block {
     display: inline-block;
   }
@@ -388,6 +398,9 @@
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
   .h-8 {
     height: calc(var(--spacing) * 8);
   }
@@ -400,6 +413,9 @@
   .h-full {
     height: 100%;
   }
+  .max-h-48 {
+    max-height: calc(var(--spacing) * 48);
+  }
   .max-h-60 {
     max-height: calc(var(--spacing) * 60);
   }
@@ -442,6 +458,9 @@
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
+  .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
   .w-56 {
     width: calc(var(--spacing) * 56);
   }
@@ -454,6 +473,9 @@
   .w-px {
     width: 1px;
   }
+  .max-w-\[140px\] {
+    max-width: 140px;
+  }
   .max-w-\[calc\(100\%-24px\)\] {
     max-width: calc(100% - 24px);
   }
@@ -497,6 +519,9 @@
     --tw-scale-z: 105%;
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
+  .rotate-90 {
+    rotate: 90deg;
+  }
   .rotate-180 {
     rotate: 180deg;
   }
@@ -551,6 +576,9 @@
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
   .gap-1 {
     gap: var(--spacing);
   }
@@ -605,6 +633,10 @@
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
+  .rounded-t-lg {
+    border-top-left-radius: var(--radius-lg);
+    border-top-right-radius: var(--radius-lg);
+  }
   .rounded-b-xl {
     border-bottom-right-radius: var(--radius-xl);
     border-bottom-left-radius: var(--radius-xl);
@@ -660,6 +692,9 @@
   .border-blue-300 {
     border-color: var(--color-blue-300);
   }
+  .border-blue-400 {
+    border-color: var(--color-blue-400);
+  }
   .border-emerald-200 {
     border-color: var(--color-emerald-200);
   }
@@ -687,9 +722,15 @@
   .border-slate-300 {
     border-color: var(--color-slate-300);
   }
+  .border-transparent {
+    border-color: transparent;
+  }
   .border-t-transparent {
     border-top-color: transparent;
   }
+  .border-b-transparent {
+    border-bottom-color: transparent;
+  }
   .bg-amber-50 {
     background-color: var(--color-amber-50);
   }
@@ -708,6 +749,12 @@
   .bg-emerald-50 {
     background-color: var(--color-emerald-50);
   }
+  .bg-emerald-50\/40 {
+    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-emerald-50) 40%, transparent);
+    }
+  }
   .bg-emerald-100 {
     background-color: var(--color-emerald-100);
   }
@@ -732,9 +779,21 @@
   .bg-slate-50 {
     background-color: var(--color-slate-50);
   }
+  .bg-slate-50\/50 {
+    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
+    }
+  }
   .bg-slate-100 {
     background-color: var(--color-slate-100);
   }
+  .bg-slate-100\/50 {
+    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent);
+    }
+  }
   .bg-slate-100\/80 {
     background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -819,21 +878,36 @@
   .py-1\.5 {
     padding-block: calc(var(--spacing) * 1.5);
   }
+  .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);
   }
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
   .pr-9 {
     padding-right: calc(var(--spacing) * 9);
   }
+  .pb-1 {
+    padding-bottom: var(--spacing);
+  }
   .pb-2\.5 {
     padding-bottom: calc(var(--spacing) * 2.5);
   }
@@ -913,6 +987,9 @@
   .text-blue-700 {
     color: var(--color-blue-700);
   }
+  .text-emerald-500 {
+    color: var(--color-emerald-500);
+  }
   .text-emerald-600 {
     color: var(--color-emerald-600);
   }
@@ -976,6 +1053,9 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-25 {
+    opacity: 25%;
+  }
   .opacity-40 {
     opacity: 40%;
   }
@@ -1102,6 +1182,13 @@
       color: var(--color-blue-900);
     }
   }
+  .hover\:bg-blue-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-50);
+      }
+    }
+  }
   .hover\:bg-blue-50\/30 {
     &:hover {
       @media (hover: hover) {
@@ -1119,6 +1206,13 @@
       }
     }
   }
+  .hover\:bg-emerald-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-emerald-100);
+      }
+    }
+  }
   .hover\:bg-emerald-700 {
     &:hover {
       @media (hover: hover) {
@@ -1154,6 +1248,16 @@
       }
     }
   }
+  .hover\:bg-slate-200\/50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-slate-200\/60 {
     &:hover {
       @media (hover: hover) {
@@ -1178,6 +1282,13 @@
       }
     }
   }
+  .hover\:text-emerald-600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-emerald-600);
+      }
+    }
+  }
   .hover\:text-green-700 {
     &:hover {
       @media (hover: hover) {

package/dist/index.d.mts

@@ -53,8 +53,20 @@ interface ColumnDef {
     isRequired?: boolean;
     isUnique?: boolean;
     referencedTableId?: string;
+    referencedTableName?: string;
     displayField?: string;
     currencySymbol?: string;
+    subTableDisplayFields?: string[];
+    actionTemplate?: string | null;
+    contactMapping?: {
+        phoneCol?: string;
+        emailCol?: string;
+        nameParts?: Array<{
+            type: 'LOCAL' | 'PARENT';
+            parentTableId?: string;
+            columnId: string;
+        }>;
+    } | null;
     order?: number;
     isHidden?: boolean;
 }
@@ -70,6 +82,7 @@ interface DriveFileValue {
     fileId: string;
     fileUrl: string;
     fileName: string;
+    url?: string;
 }
 
 interface TableConfig extends SchemaDef {

package/dist/index.d.ts

@@ -53,8 +53,20 @@ interface ColumnDef {
     isRequired?: boolean;
     isUnique?: boolean;
     referencedTableId?: string;
+    referencedTableName?: string;
     displayField?: string;
     currencySymbol?: string;
+    subTableDisplayFields?: string[];
+    actionTemplate?: string | null;
+    contactMapping?: {
+        phoneCol?: string;
+        emailCol?: string;
+        nameParts?: Array<{
+            type: 'LOCAL' | 'PARENT';
+            parentTableId?: string;
+            columnId: string;
+        }>;
+    } | null;
     order?: number;
     isHidden?: boolean;
 }
@@ -70,6 +82,7 @@ interface DriveFileValue {
     fileId: string;
     fileUrl: string;
     fileName: string;
+    url?: string;
 }
 
 interface TableConfig extends SchemaDef {