@vireo-ai/trellis-ui 0.1.50 → 0.1.52

package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css

@@ -833,6 +833,9 @@
   .inset-y-2 {
     inset-block: var(--spacing-2);
   }
+  .-top-px {
+    top: -1px;
+  }
   .top-0 {
     top: var(--spacing-0);
   }
@@ -3705,6 +3708,9 @@
   .font-metadata {
     font-family: var(--font-metadata);
   }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
   .font-sans {
     font-family: var(--font-sans);
   }
@@ -5528,11 +5534,6 @@
       border-width: var(--border-width-0);
     }
   }
-  .\[\&\>\*\]\:bg-interaction-selected {
-    &>* {
-      background-color: var(--color-interaction-selected);
-    }
-  }
   .\[\&\>\[data-ui-modal-body\]\]\:-mx-1 {
     &>[data-ui-modal-body] {
       margin-inline: calc(var(--spacing-1) * -1);
@@ -5578,6 +5579,16 @@
       width: auto;
     }
   }
+  .\[\&\[data-current\]\>\*\]\:bg-interaction-hover {
+    &[data-current]>* {
+      background-color: var(--color-interaction-hover);
+    }
+  }
+  .\[\&\[data-selected\]\>\*\]\:bg-interaction-selected {
+    &[data-selected]>* {
+      background-color: var(--color-interaction-selected);
+    }
+  }
   .\[\[data-ui-text\]\+\&\]\:mt-2 {
     [data-ui-text]+& {
       margin-top: var(--spacing-2);
@@ -9284,9 +9295,6 @@
   [data-ui-data-grid-resize-handle]:hover::after, [data-ui-data-grid-resize-handle]:focus-visible::after, [data-ui-data-grid-resize-handle][data-resizing]::after {
     opacity: 1;
   }
-  [data-ui-data-grid-column-header][data-pinned], [data-ui-data-grid-cell][data-pinned] {
-    background: var(--ui-surface-color);
-  }
   [data-ui-data-grid-cell][data-align="start"] {
     justify-content: flex-start;
     text-align: left;
@@ -9299,14 +9307,20 @@
     justify-content: flex-end;
     text-align: right;
   }
+  [data-ui-data-grid][data-border="row"] {
+    --ui-data-grid-separator: var(--color-separator);
+  }
+  [data-ui-data-grid][data-border="grid"] {
+    --ui-data-grid-separator: var(--ui-surface-edge-strong);
+  }
   [data-ui-data-grid][data-border="row"] [data-ui-data-grid-header], [data-ui-data-grid][data-border="grid"] [data-ui-data-grid-header] {
-    box-shadow: inset 0 -1px var(--color-separator);
+    border-block-end: var(--border-width-edge-separator) solid var(--ui-data-grid-separator);
   }
-  [data-ui-data-grid][data-border="row"] [data-ui-data-grid-cell], [data-ui-data-grid][data-border="grid"] [data-ui-data-grid-cell] {
-    border-bottom: 1px solid var(--color-separator);
+  [data-ui-data-grid][data-border="row"] [data-ui-data-grid-row], [data-ui-data-grid][data-border="grid"] [data-ui-data-grid-row] {
+    border-block-end: var(--border-width-edge-separator) solid var(--ui-data-grid-separator);
   }
   [data-ui-data-grid][data-border="grid"] [data-ui-data-grid-column-header]:not(:first-child), [data-ui-data-grid][data-border="grid"] [data-ui-data-grid-cell]:not(:first-child) {
-    border-inline-start: 1px solid var(--color-separator);
+    border-inline-start: var(--border-width-edge-separator) solid var(--ui-data-grid-separator);
   }
   [data-ui-data-grid][data-empty] [data-ui-data-grid-scroll-area] {
     display: none;
@@ -9320,8 +9334,19 @@
     max-height: var(--ui-select-listbox-max-height, var(--spacing-select-listbox));
   }
   [data-ui-select-virtualizer] > [data-ui-scroll-area] {
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
     max-height: var(--ui-select-listbox-max-height, var(--spacing-select-listbox));
   }
+  [data-ui-select-options], [data-ui-select-virtualizer], [data-ui-select-virtualizer] [data-ui-scroll-area-content], [data-ui-select-virtualizer] [data-ui-virtualizer-spacer], [data-ui-select-virtualizer] [data-ui-virtualizer-block] {
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+  }
+  [data-ui-select-virtualizer] [data-ui-virtualizer-block] {
+    padding-inline-end: calc( var(--spacing-popover-padding) + var(--ui-scrollbar-size) + var(--ui-scrollbar-inset) );
+  }
   [data-ui-select-virtualizer] > [data-ui-scroll-area] > [data-ui-scroll-area-viewport] > [data-ui-scroll-area-content] {
     padding-block: var(--spacing-popover-padding);
   }
@@ -10025,6 +10050,25 @@
     }
   }
 }
+@layer components {
+  [data-ui-import-review-columns], [data-ui-import-review-row] {
+    grid-template-columns: minmax(0, 1fr) 2.5rem minmax(14rem, 1fr);
+  }
+  [data-ui-import-review-row] {
+    min-height: 4rem;
+  }
+  [data-ui-import-mapping-preview-frame] {
+    --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-strong);
+  }
+}
+@layer components {
+  [data-ui-import-mapper] {
+    width: 100%;
+    height: 100%;
+    min-width: 0;
+    min-height: 0;
+  }
+}
 @layer components {
   [data-ui-tooltip-content][data-ui-semantic-surface] {
     color: var(--ui-semantic-surface-ink);