From 622c987e46395d8d91a58530b44bd398113db2f1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Nov 2023 15:52:57 +0100
Subject: [PATCH] refactor(edges): cleanup markup

---
 packages/react/src/components/Edges/wrapEdge.tsx                | 2 +-
 packages/react/src/container/EdgeRenderer/index.tsx             | 2 +-
 .../svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte    | 2 +-
 .../svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte   | 2 +-
 packages/system/src/styles/style.css                            | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index afdeead5..7d3f92e6 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -202,7 +202,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     };
 
     return (
-      <svg className="react-flow__edgewrapper" style={{ zIndex }}>
+      <svg style={{ zIndex }}>
         <g
           className={cc([
             'react-flow__edge',
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 35137619..701248fc 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -67,7 +67,7 @@ const EdgeRenderer = ({
 
   return (
     <div className="react-flow__edges">
-      <svg className="react-flow__container">
+      <svg className="react-flow__marker">
         <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />
       </svg>
 
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 763c6efb..fb90ca8b 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -96,7 +96,7 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 {#if !hidden}
-  <svg class="svelte-flow__edgewrapper" style:zIndex>
+  <svg style:zIndex>
     <g
       class={cc(['svelte-flow__edge', className])}
       class:animated
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 6dcc16fa..663b72ea 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -19,7 +19,7 @@
 </script>
 
 <div class="svelte-flow__edges">
-  <svg class="svelte-flow__container">
+  <svg class="svelte-flow__marker">
     <MarkerDefinition />
   </svg>
 
diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css
index 2e6a95c8..1ba81595 100644
--- a/packages/system/src/styles/style.css
+++ b/packages/system/src/styles/style.css
@@ -20,7 +20,7 @@
   --controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
 }
 
-.xy-flow__edgewrapper {
+.xy-flow__edges svg {
   overflow: visible;
   position: absolute;
   pointer-events: none;