@oomol-lab/open-flow 0.1.0-beta.63 → 0.1.0-beta.65

package/dist/browser/preview.css

@@ -199,6 +199,10 @@
   --ui-control-radius: 8px;
 }
 
+.open-flow-node-picker {
+  --ui-control-radius: 10px;
+}
+
 .open-flow-workbench :is(.run-drawer, .runs-view) {
   --ui-control-radius: 6px;
 }
@@ -1355,6 +1359,10 @@
     height: 650px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[700px\] {
+    height: 700px;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
@@ -1575,6 +1583,10 @@
     width: 344px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-\[420px\] {
+    width: 420px;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-\[440px\] {
     width: 440px;
   }
@@ -2129,10 +2141,6 @@
     overflow-y: auto;
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .overscroll-contain {
     overscroll-behavior: contain;
   }
@@ -2161,6 +2169,14 @@
     border-radius: 9px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[calc\(var\(--ui-control-radius\)\+2px\)\] {
+    border-radius: calc(var(--ui-control-radius) + 2px);
+  }
+
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[calc\(var\(--ui-control-radius\)-3px\)\] {
+    border-radius: calc(var(--ui-control-radius) - 3px);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[calc\(var\(--ui-control-radius\,calc\(var\(--radius-md\)_\+_2px\)\)_-_2px\)\] {
     border-radius: calc(var(--ui-control-radius, calc(var(--radius-md) + 2px)) - 2px);
   }
@@ -2169,6 +2185,10 @@
     border-radius: calc(var(--ui-control-radius, var(--ui-radius)) + 2px);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[var\(--ui-control-radius\)\] {
+    border-radius: var(--ui-control-radius);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[var\(--ui-control-radius\,8px\)\] {
     border-radius: var(--ui-control-radius, 8px);
   }
@@ -3194,6 +3214,16 @@
     --ui-control-background: var(--ui-popover);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[--ui-control-hover-background\:color-mix\(in_srgb\,var\(--ui-foreground\)_8\%\,var\(--ui-popover\)\)\] {
+    --ui-control-hover-background: var(--ui-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[--ui-control-hover-background\:color-mix\(in_srgb\,var\(--ui-foreground\)_8\%\,var\(--ui-popover\)\)\] {
+      --ui-control-hover-background: color-mix(in srgb,var(--ui-foreground) 8%,var(--ui-popover));
+    }
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[--ui-control-hover-background\:var\(--ui-control-background\,var\(--ui-muted\)\)\] {
     --ui-control-hover-background: var(--ui-control-background, var(--ui-muted));
   }
@@ -3710,10 +3740,6 @@
       background-color: var(--ui-muted);
     }
 
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .hover\:bg-popover:hover {
-      background-color: var(--ui-popover);
-    }
-
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .hover\:bg-primary\/80:hover {
       background-color: var(--ui-primary);
     }
@@ -3762,11 +3788,6 @@
       text-decoration-line: underline;
     }
 
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .hover\:shadow-sm:hover {
-      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .group-data-\[variant\=navigation\]\/tabs-list\:hover\:bg-muted:is(:where(.group\/tabs-list)[data-variant="navigation"] *):hover {
       background-color: var(--ui-muted);
     }
@@ -3816,14 +3837,6 @@
     background-color: var(--ui-accent);
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .focus-visible\:bg-popover:focus-visible {
-    background-color: var(--ui-popover);
-  }
-
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .focus-visible\:text-foreground:focus-visible {
-    color: var(--ui-foreground);
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .focus-visible\:ring-0:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
@@ -5137,16 +5150,6 @@
       }
     }
 
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:hover\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
-      background-color: var(--ui-foreground);
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:hover\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
-        background-color: color-mix(in srgb,var(--ui-foreground) 12%,var(--ui-popover));
-      }
-    }
-
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:hover\:bg-\[var\(--ui-control-hover-background\,var\(--ui-muted\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
       background-color: var(--ui-control-hover-background, var(--ui-muted));
     }
@@ -5220,16 +5223,6 @@
     }
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):focus-visible {
-    background-color: var(--ui-foreground);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):focus-visible {
-      background-color: color-mix(in srgb,var(--ui-foreground) 12%,var(--ui-popover));
-    }
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:disabled\:bg-\[var\(--ui-disabled-background\,color-mix\(in_srgb\,var\(--ui-input\)_80\%\,transparent\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):disabled {
     background-color: var(--ui-disabled-background, var(--ui-input));
   }
@@ -5350,6 +5343,10 @@
     }
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[\&_\[data-overlayscrollbars-viewport\]\]\:overscroll-contain [data-overlayscrollbars-viewport] {
+    overscroll-behavior: contain;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[\&_\[data-slot\=field-label\]\]\:sr-only [data-slot="field-label"] {
     clip-path: inset(50%);
     white-space: nowrap;
@@ -10599,13 +10596,13 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 
 [data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
   overflow: auto;
-}:where(.scroll-area_container_c242f) {
+}:where(.scroll-area_container_07c14) {
   height: 100%;
 }
 
-.scroll-area_scrollbar_c242f {
+.scroll-area_scrollbar_07c14 {
   box-sizing: border-box;
-  --os-size: 8px;
+  --os-size: 10px;
   --os-padding-perpendicular: 2px;
   --os-padding-axis: 2px;
   --os-track-border-radius: 10px;
@@ -10615,12 +10612,12 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   --os-handle-bg-hover: light-dark(rgb(0 0 0 / 38%), rgb(255 255 255 / 42%));
   --os-handle-bg-active: light-dark(rgb(0 0 0 / 50%), rgb(255 255 255 / 54%));
 }
-.scroll-area_scrollbar_c242f.os-scrollbar-auto-hide.os-scrollbar-visible {
+.scroll-area_scrollbar_07c14.os-scrollbar-auto-hide.os-scrollbar-visible {
   visibility: visible;
   pointer-events: auto;
 }
 
-.scroll-area_native_c242f {
+.scroll-area_native_07c14 {
   min-height: 0;
   overflow: hidden auto;
   overscroll-behavior: contain;