@makolabs/ripple 0.0.1-dev.27 → 0.0.1-dev.28

package/dist/charts/Chart.svelte

@@ -99,13 +99,6 @@
 	// Check if we have a pie/donut chart
 	const hasPieChart = $derived(series.some((s) => s.type === 'pie'));
 
-	// Check if we should show axis lines based on config or auto-detect from series type
-	const shouldShowAxisLines = $derived.by(() => {
-		if (config.showAxisLines !== undefined) return config.showAxisLines;
-		// Auto-detect: show for bar charts, hide for line charts
-		return series.some((s) => s.type === 'bar' || s.type === 'horizontal-bar');
-	});
-
 	let chartContainer: HTMLDivElement;
 	// @ts-expect-error - ECharts types are not available
 	let chart: echarts.ECharts;
@@ -440,11 +433,8 @@
 					splitLine: {
 						show: grid.vertical || false
 					},
-					axisLine: {
-						show: xAxis.showAxisLine ?? shouldShowAxisLines,
-						lineStyle: {
-							color: 'rgba(0, 0, 0, 0.1)'
-						}
+					axisLine: xAxis.axisLine || {
+						show: false
 					}
 				},
 
@@ -457,11 +447,8 @@
 					position: axis.position || (index === 0 ? 'left' : 'right'),
 					min: axis.min,
 					max: axis.max,
-					axisLine: {
-						show: axis.showAxisLine ?? (shouldShowAxisLines && index === 0),
-						lineStyle: {
-							color: 'rgba(0, 0, 0, 0.1)'
-						}
+					axisLine: axis.axisLine || {
+						show: false
 					},
 					axisLabel: {
 						// @ts-expect-error - ECharts types are not available

package/dist/index.d.ts

@@ -354,7 +354,14 @@ export type XAxisConfig<T> = {
         rotate?: number;
         interval?: number | 'auto' | Function;
     };
-    showAxisLine?: boolean;
+    axisLine?: {
+        show?: boolean;
+        lineStyle?: {
+            color?: string;
+            width?: number;
+            type?: 'solid' | 'dashed' | 'dotted';
+        };
+    };
 };
 export type YAxisConfig<T> = {
     dataKey: keyof T;
@@ -364,7 +371,14 @@ export type YAxisConfig<T> = {
     position?: 'left' | 'right';
     min?: number;
     max?: number;
-    showAxisLine?: boolean;
+    axisLine?: {
+        show?: boolean;
+        lineStyle?: {
+            color?: string;
+            width?: number;
+            type?: 'solid' | 'dashed' | 'dotted';
+        };
+    };
 };
 export interface SeriesConfig<T> {
     dataKey: keyof T;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "0.0.1-dev.27",
+	"version": "0.0.1-dev.28",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"repository": {
 		"type": "git",