layerchart 0.22.0 → 0.22.1

package/dist/components/Highlight.svelte

@@ -163,9 +163,9 @@ $: if ($tooltip.data) {
       <Rect
         spring
         {..._area}
-        fill="rgba(0,0,0,.1)"
-        on:click
         {...typeof area === 'object' ? area : null}
+        class={cls(!area.fill && 'fill-black/10', typeof area === 'object' ? area.class : null)}
+        on:click
       />
     </slot>
   {/if}
@@ -179,8 +179,11 @@ $: if ($tooltip.data) {
           y1={line.y1}
           x2={line.x2}
           y2={line.y2}
-          class="stroke-black/50 stroke-2 [stroke-dasharray:2,2] pointer-events-none"
           {...typeof lines === 'object' ? lines : null}
+          class={cls(
+            'stroke-black/20 stroke-2 [stroke-dasharray:2,2] pointer-events-none',
+            typeof lines === 'object' ? lines.class : null
+          )}
         />
       {/each}
     </slot>
@@ -197,11 +200,12 @@ $: if ($tooltip.data) {
           cy={point.y}
           r={4}
           {fill}
+          {...typeof points === 'object' ? points : null}
           class={cls(
             'stroke-[6] stroke-white [paint-order:stroke] drop-shadow',
-            !fill && 'fill-accent-500'
+            !fill && 'fill-accent-500',
+            typeof points === 'object' ? points.class : null
           )}
-          {...typeof points === 'object' ? points : null}
         />
       {/each}
     </slot>

package/dist/components/Line.svelte

@@ -3,7 +3,7 @@ import { motionStore } from '../stores/motionStore';
 export let x1;
 export let initialX1 = x1;
 export let y1;
-export let initialY1 = x1;
+export let initialY1 = y1;
 export let x2;
 export let initialX2 = x2;
 export let y2;

package/package.json

@@ -3,7 +3,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.22.0",
+  "version": "0.22.1",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",