chore(handles): cleanup

examples/react/src/examples/TouchDevice/index.tsx

@@ -42,6 +42,7 @@ const TouchDeviceFlow = () => {
       onConnectEnd={onConnectEnd}
       onClickConnectStart={onClickConnectStart}
       onClickConnectEnd={onClickConnectEnd}
+      className="touch-flow"
     />
   );
 };

examples/react/src/examples/TouchDevice/touch-device.css

@@ -1,15 +1,15 @@
-.react-flow .react-flow__handle {
+.react-flow.touch-flow .react-flow__handle {
   width: 20px;
   height: 20px;
   border-radius: 3px;
   background-color: #9f7aea;
 }
 
-.react-flow__handle-right {
+.touch-flow .react-flow__handle-right {
   --translate: translate(50%, -50%);
 }
 
-.react-flow__handle-left {
+.touch-flow .react-flow__handle-left {
   --translate: translate(-50%, -50%);
 }
 
@@ -22,6 +22,6 @@
   }
 }
 
-.react-flow .react-flow__handle.clickconnecting {
+.react-flow.touch-flow .react-flow__handle.clickconnecting {
   animation: bounce 1600ms infinite ease-in;
 }

examples/react/src/examples/Validation/validation.module.css

@@ -24,10 +24,14 @@
   background: #fff;
 }
 
-.validationflow :global .connecting {
+.validationflow :global .connectingto {
   background: #ff6060;
 }
 
+.validationflow :global .react-flow__node-custominput .connectingfrom {
+  background: #55dd99;
+}
+
 .validationflow :global .valid {
   background: #55dd99;
 }