@vireo-ai/trellis-ui 0.1.58 → 0.1.60

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

@@ -2490,6 +2490,10 @@
     border-top-left-radius: var(--radius-control-xs);
     border-top-right-radius: var(--radius-control-xs);
   }
+  .rounded-t-none {
+    border-top-left-radius: var(--radius-none);
+    border-top-right-radius: var(--radius-none);
+  }
   .rounded-t-overlay-lg {
     border-top-left-radius: var(--radius-overlay-lg);
     border-top-right-radius: var(--radius-overlay-lg);
@@ -2538,6 +2542,10 @@
     border-top-left-radius: var(--radius-control-xs);
     border-bottom-left-radius: var(--radius-control-xs);
   }
+  .rounded-l-none {
+    border-top-left-radius: var(--radius-none);
+    border-bottom-left-radius: var(--radius-none);
+  }
   .rounded-l-overlay-lg {
     border-top-left-radius: var(--radius-overlay-lg);
     border-bottom-left-radius: var(--radius-overlay-lg);
@@ -2586,6 +2594,10 @@
     border-top-right-radius: var(--radius-control-xs);
     border-bottom-right-radius: var(--radius-control-xs);
   }
+  .rounded-r-none {
+    border-top-right-radius: var(--radius-none);
+    border-bottom-right-radius: var(--radius-none);
+  }
   .rounded-r-overlay-lg {
     border-top-right-radius: var(--radius-overlay-lg);
     border-bottom-right-radius: var(--radius-overlay-lg);
@@ -2634,6 +2646,10 @@
     border-bottom-right-radius: var(--radius-control-xs);
     border-bottom-left-radius: var(--radius-control-xs);
   }
+  .rounded-b-none {
+    border-bottom-right-radius: var(--radius-none);
+    border-bottom-left-radius: var(--radius-none);
+  }
   .rounded-b-overlay-lg {
     border-bottom-right-radius: var(--radius-overlay-lg);
     border-bottom-left-radius: var(--radius-overlay-lg);
@@ -7867,7 +7883,7 @@
   --color-interaction-edge-selected-hover: oklch(50.756307% 0.185449 257.696372 / 0.167052);
   --color-interaction-disabled: oklch(75.985345% 0.0417 42.653991 / 0.043);
   --color-interaction-disabled-edge: oklch(0% 0 none / 0.294);
-  --color-scrim: oklch(12.382253% 0 none / 0.35);
+  --color-scrim: oklch(0% 0 none / 0.25);
   --color-substrate-workspace: oklch(98.510365% 0 none / 1);
   --color-substrate-workspace-ink: oklch(20.93472% 0 none / 1);
   --color-substrate-workspace-ink-muted: oklch(55.779494% 0 none / 1);
@@ -8195,7 +8211,7 @@
   --color-interaction-edge-selected-hover: oklch(77.631661% 0.121666 245.605952 / 0.087255);
   --color-interaction-disabled: oklch(34.3079% 0.016055 196.427263 / 0.047);
   --color-interaction-disabled-edge: oklch(56.829515% 0.000719 197.137733 / 0.294);
-  --color-scrim: oklch(20.962653% 0 none / 0.55);
+  --color-scrim: oklch(0% 0 none / 0.4);
   --color-substrate-workspace: oklch(20.462653% 0 none / 1);
   --color-substrate-workspace-ink: oklch(92.184719% 0 none / 1);
   --color-substrate-workspace-ink-muted: oklch(76.561055% 0 none / 1);
@@ -12836,39 +12852,50 @@
     }
   }
   [data-ui-tooltip-content] [data-ui-keybinding] {
-    --ui-keybinding-edge: var(--ui-surface-edge);
-    --ui-keybinding-edge-pressed: var(--ui-surface-edge-strong);
+    --ui-keybinding-edge: light-dark(var(--ui-keybinding-inherited-edge), var(--ui-surface-edge));
+    --ui-keybinding-edge-pressed: light-dark(var(--ui-semantic-surface-ink-muted), var(--ui-surface-edge-strong));
   }
   [data-ui-tooltip-content] [data-ui-keybinding-key][data-pressed] {
     color: var(--ui-semantic-surface-ink);
   }
+  [data-ui-keybinding] {
+    --ui-keybinding-inherited-edge: currentColor;
+    @supports (color: color-mix(in lab, red, red)) {
+      --ui-keybinding-inherited-edge: color-mix(in oklab, currentColor var(--label-ink-emphasis), transparent);
+    }
+  }
   [data-ui-keybinding-key] {
     font: inherit;
+    color: inherit;
+    background-color: transparent;
   }
-  [data-ui-keybinding]:not([data-presentation="plain"]) > [data-ui-keybinding-key] {
+  [data-ui-keybinding]:not([data-variant="plain"]) > [data-ui-keybinding-key] {
     height: var(--spacing-keybinding-key);
     min-width: var(--spacing-keybinding-key);
     padding-inline: var(--spacing-1);
     border-radius: var(--radius-control-md);
     line-height: 1;
-    box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-keybinding-edge, currentColor);
-    @supports (color: color-mix(in lab, red, red)) {
-      box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-keybinding-edge, color-mix(in oklab, currentColor var(--label-ink-emphasis), transparent));
-    }
+    box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-keybinding-edge, var(--ui-keybinding-inherited-edge));
   }
-  [data-ui-keybinding]:not([data-presentation="plain"]) > [data-ui-keybinding-separator] {
+  [data-ui-keybinding]:not([data-variant="plain"]) > [data-ui-keybinding-separator] {
     opacity: 0.7;
   }
-  [data-ui-keybinding-key][data-pressed] {
+  [data-ui-keybinding][data-variant="surface"] > [data-ui-keybinding-key] {
+    background-color: var(--color-interaction-hover);
+  }
+  [data-ui-keybinding] > [data-ui-keybinding-key][data-pressed] {
     background-color: var(--color-interaction-pressed);
   }
-  [data-ui-keybinding]:not([data-presentation="plain"]) > [data-ui-keybinding-key][data-pressed] {
+  [data-ui-keybinding]:not([data-variant="plain"]) > [data-ui-keybinding-key][data-pressed] {
     box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-keybinding-edge-pressed, currentColor);
   }
 }
 :root[data-ui-sortable-dragging], :root[data-ui-sortable-dragging] * {
   cursor: var(--ui-sortable-drag-cursor, default) !important;
 }
+[data-ui-sortable-item][data-dragging], [data-ui-sortable-item][data-dragging] *, [data-ui-sortable-item][data-ui-sortable-projection], [data-ui-sortable-item][data-ui-sortable-projection] * {
+  pointer-events: none !important;
+}
 @layer components {
   :is( [data-ui-action-recipe]:is(:disabled, [aria-disabled="true"]):not([data-ui-loading]), [data-ui-action-recipe][data-disabled], [data-ui-control][data-ui-control-recipe]:is( [data-disabled], :disabled, :has(:disabled):not(:has(:enabled)) ), [data-ui-selection-root]:is([data-disabled], :has(:disabled):not(:has(:enabled))) ) {
     pointer-events: none;
@@ -13320,10 +13347,15 @@
     z-index: -1;
     inset: 0;
     border-radius: inherit;
-    background-color: var(--color-interaction-selected);
     pointer-events: none;
     content: "";
   }
+  [data-ui-tabs-list][data-variant="subtle"]:not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before, [data-ui-tabs-list][data-variant="pills"]:is([data-interaction="tonal"], [data-interaction="combined"]):not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before {
+    background-image: linear-gradient(var(--ui-interaction-selected-fill), var(--ui-interaction-selected-fill));
+  }
+  [data-ui-tabs-list][data-variant="pills"]:is([data-interaction="edge"], [data-interaction="combined"]):not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before {
+    box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--ui-interaction-selected-edge);
+  }
   [data-ui-tabs-list][data-variant="line"]:not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before {
     inset: var(--ui-tabs-line-indicator-inset);
     width: var(--ui-tabs-line-indicator-width);