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

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/elements/alert/Alert.svelte

@@ -8,6 +8,7 @@
 		message,
 		color = Color.DEFAULT,
 		onclose,
+		footer,
 		class: className = ''
 	}: AlertProps = $props();
 
@@ -36,7 +37,7 @@
 		{#if onclose}
 			<button
 				type="button"
-				class="flex-shrink-0 cursor-pointer rounded-md p-1 hover:bg-default-200/20"
+				class="hover:bg-default-200/20 flex-shrink-0 cursor-pointer rounded-md p-1"
 				onclick={handleClose}
 				aria-label="Close alert"
 			>
@@ -50,4 +51,7 @@
 			</button>
 		{/if}
 	</div>
+	{#if footer}
+		{@render footer()}
+	{/if}
 </div>

package/dist/index.d.ts

@@ -150,6 +150,7 @@ export type AlertProps = {
     color?: VariantColors;
     class?: string;
     onclose?: () => void;
+    footer?: Snippet;
 };
 export type StatsCardProps = {
     label?: string;
@@ -354,7 +355,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 +372,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.29",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"repository": {
 		"type": "git",