fix(svelte) changed attribute names of className to class in MiniMap & Background plugins

packages/svelte/src/lib/plugins/Background/Background.svelte

@@ -22,7 +22,7 @@
   export let lineWidth: $$Props['lineWidth'] = 1;
   export let bgColor: $$Props['bgColor'] = undefined;
   export let patternColor: $$Props['patternColor'] = undefined;
-  export let patternClassName: $$Props['patternClassName'] = undefined;
+  export let patternClass: $$Props['patternClass'] = undefined;
   let className: $$Props['class'] = '';
   export { className as class };
 
@@ -57,9 +57,9 @@
     patternTransform={`translate(-${patternOffset[0]},-${patternOffset[1]})`}
   >
     {#if isDots}
-      <DotPattern radius={scaledSize / 2} class={patternClassName} />
+      <DotPattern radius={scaledSize / 2} class={patternClass} />
     {:else}
-      <LinePattern dimensions={patternDimensions} {variant} {lineWidth} class={patternClassName} />
+      <LinePattern dimensions={patternDimensions} {variant} {lineWidth} class={patternClass} />
     {/if}
   </pattern>
   <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId})`} />

packages/svelte/src/lib/plugins/Background/types.ts

@@ -7,7 +7,7 @@ export enum BackgroundVariant {
 export type BackgroundProps = {
   bgColor?: string;
   patternColor?: string;
-  patternClassName?: string;
+  patternClass?: string;
   class?: string;
   gap?: number | [number, number];
   size?: number;

packages/svelte/src/lib/plugins/Minimap/Minimap.svelte

@@ -21,7 +21,7 @@
   export let ariaLabel: $$Props['ariaLabel'] = 'Mini map';
   export let nodeStrokeColor: $$Props['nodeStrokeColor'] = 'transparent';
   export let nodeColor: $$Props['nodeColor'] = '#e2e2e2';
-  export let nodeClassName: $$Props['nodeClassName'] = '';
+  export let nodeClass: $$Props['nodeClass'] = '';
   export let nodeBorderRadius: $$Props['nodeBorderRadius'] = 5;
   export let nodeStrokeWidth: $$Props['nodeStrokeWidth'] = 2;
   export let bgColor: $$Props['bgColor'] = undefined;
@@ -53,7 +53,7 @@
 
   const nodeColorFunc = getAttrFunction(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
-  const nodeClassNameFunc = getAttrFunction(nodeClassName);
+  const nodeClassFunc = getAttrFunction(nodeClass);
   const shapeRendering =
     typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
   const labelledBy = `svelte-flow__minimap-desc-${$flowId}`;
@@ -126,7 +126,7 @@
             strokeColor={nodeStrokeColorFunc(node)}
             strokeWidth={nodeStrokeWidth}
             {shapeRendering}
-            class={nodeClassNameFunc(node)}
+            class={nodeClassFunc(node)}
           />
         {/if}
       {/each}

packages/svelte/src/lib/plugins/Minimap/types.ts

@@ -8,7 +8,7 @@ export type MiniMapProps = {
   bgColor?: string;
   nodeColor?: string | GetMiniMapNodeAttribute;
   nodeStrokeColor?: string | GetMiniMapNodeAttribute;
-  nodeClassName?: string | GetMiniMapNodeAttribute;
+  nodeClass?: string | GetMiniMapNodeAttribute;
   nodeBorderRadius?: number;
   nodeStrokeWidth?: number;
   maskColor?: string;