Merge branch 'main' into v11

examples/nextjs/pages/CustomNode/index.tsx

@@ -17,10 +17,9 @@ import ColorSelectorNode from './ColorSelectorNode';
 
 const onInit = (reactFlowInstance: ReactFlowInstance) => {
   console.log('flow loaded:', reactFlowInstance);
-  reactFlowInstance.fitView();
 };
-const onNodeDragStop = (_: MouseEvent, node: Node) =>
-  console.log('drag stop', node);
+
+const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
 const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
 
 const initBgColor = '#1A192B';

examples/nextjs/styles/theme-default.css

@@ -1,19 +1,4 @@
 .react-flow__edge {
-  &.selected,
-  &:focus,
-  &:focus-visible {
-    outline: none;
-
-    .react-flow__edge-path {
-      stroke: #555;
-    }
-  }
-
-  &.animated path {
-    stroke-dasharray: 5;
-    animation: dashdraw 0.5s linear infinite;
-  }
-
   &.updating {
     .react-flow__edge-path {
       stroke: #777;
@@ -21,20 +6,10 @@
   }
 }
 
-.react-flow__edge-path {
-  stroke: #b1b1b7;
-  stroke-width: 1;
-}
-
 .react-flow__edge-text {
   font-size: 10px;
 }
 
-.react-flow__connection-path {
-  stroke: #b1b1b7;
-  stroke-width: 1;
-}
-
 .react-flow__node-default,
 .react-flow__node-input,
 .react-flow__node-output,
@@ -52,6 +27,7 @@
   &.selected,
   &:focus,
   &:focus-visible {
+    border: none;
     box-shadow: 0 0 0 0.5px #1a192b;
     outline: none;
   }
@@ -72,8 +48,9 @@
   &.selected,
   &:focus,
   &:focus-visible {
-    outline: none;
+    border: none;
     box-shadow: 0 0 0 0.5px #1a192b;
+    outline: none;
   }
 }