@dschz/solid-flow 0.3.0-next.1 → 0.3.0-next.3

package/dist/styles/index.css

@@ -81,8 +81,8 @@
 }
 
 
-/* Graph Styles */
-/* src/components/graph/connection/styles.css */
+/* Graph Element Styles */
+/* src/components/connection/styles.css */
 .solid-flow {
   --xy-connectionline-stroke-default: #b1b1b7;
   --xy-connectionline-stroke-width-default: 1;
@@ -117,7 +117,7 @@ connectionline {
   );
 }
 
-/* src/components/graph/edge/styles.css */
+/* src/components/edge/styles.css */
 .solid-flow {
   --xy-edge-label-background-color-default: #ffffff;
   --xy-edge-label-color-default: inherit;
@@ -225,7 +225,7 @@ connectionline {
   }
 }
 
-/* src/components/graph/handle/styles.css */
+/* src/components/handle/styles.css */
 .solid-flow {
   --xy-handle-background-color-default: #1a192b;
   --xy-handle-border-color-default: #fff;
@@ -283,7 +283,7 @@ connectionline {
   transform: translate(-50%, 50%);
 }
 
-/* src/components/graph/node/styles.css */
+/* src/components/node/styles.css */
 .solid-flow {
   --xy-node-color-default: inherit;
   --xy-node-border-default: 1px solid #1a192b;
@@ -367,7 +367,43 @@ connectionline {
   );
 }
 
-/* src/components/graph/plugins/background/styles.css */
+/* src/components/selection/styles.css */
+.solid-flow {
+  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
+  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);
+}
+
+.solid-flow.dark {
+  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
+  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);
+}
+
+.solid-flow__selection-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2000;
+  pointer-events: all;
+}
+
+.solid-flow__selection {
+  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
+  border: var(--xy-selection-border, var(--xy-selection-border-default));
+
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 6;
+
+  &:focus,
+  &:focus-visible {
+    outline: none;
+  }
+}
+
+
+/* Plugin Styles */
+/* src/plugins/background/styles.css */
 .solid-flow {
   --xy-background-color-default: transparent;
   --xy-background-pattern-dots-color-default: #91919a;
@@ -418,7 +454,7 @@ connectionline {
   }
 }
 
-/* src/components/graph/plugins/controls/styles.css */
+/* src/plugins/controls/styles.css */
 .solid-flow {
   --xy-controls-button-background-color-default: #fefefe;
   --xy-controls-button-background-color-hover-default: #f4f4f4;
@@ -507,7 +543,7 @@ connectionline {
   }
 }
 
-/* src/components/graph/plugins/minimap/styles.css */
+/* src/plugins/minimap/styles.css */
 .solid-flow {
   --xy-minimap-background-color-default: #fff;
 
@@ -573,7 +609,7 @@ connectionline {
   );
 }
 
-/* src/components/graph/plugins/nodeResizer/styles.css */
+/* src/plugins/nodeResizer/styles.css */
 .solid-flow {
   --xy-resize-background-color-default: #3367d9;
 }
@@ -690,40 +726,6 @@ connectionline {
   }
 }
 
-/* src/components/graph/selection/styles.css */
-.solid-flow {
-  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
-  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);
-}
-
-.solid-flow.dark {
-  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
-  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);
-}
-
-.solid-flow__selection-wrapper {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2000;
-  pointer-events: all;
-}
-
-.solid-flow__selection {
-  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
-  border: var(--xy-selection-border, var(--xy-selection-border-default));
-
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 6;
-
-  &:focus,
-  &:focus-visible {
-    outline: none;
-  }
-}
-
 
 /* Utility Styles */
 /* src/components/utility/styles.css */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dschz/solid-flow",
-  "version": "0.3.0-next.1",
+  "version": "0.3.0-next.3",
   "description": "Solid Flow - A highly customizable Solid library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "ai workflows",