@reshape-biotech/design-system 1.2.1 → 1.2.3

package/dist/components/graphs/chart/Chart.svelte

@@ -31,7 +31,7 @@
 	const {
 		options,
 		theme,
-		renderer = 'svg',
+		renderer = 'canvas',
 		height = '100%',
 		width = '100%',
 		onitemclick,

package/dist/components/graphs/multiline/MultiLineChart.stories.svelte

@@ -51,6 +51,28 @@
 	}
 
 	function handleMouseOut() {}
+
+	const generateHugeDataset = () => {
+		const hugeData = [];
+		for (let i = 1; i <= 96; i++) {
+			const series = [];
+			const baseValue = i * 10;
+			const increment = i * 0.1;
+
+			for (let j = 0; j < 200; j++) {
+				const value = baseValue + j * increment;
+				series.push(Number(value.toFixed(2)));
+			}
+
+			hugeData.push({
+				key: `Series ${i}`,
+				series
+			});
+		}
+		return hugeData;
+	};
+
+	const hugeDataset = generateHugeDataset();
 </script>
 
 <Story name="Base" asChild>
@@ -162,3 +184,17 @@
 		<MultiLineChart {xAxisName} {yAxisName} {data} timeIndex={15} withFocus />
 	</div>
 </Story>
+
+<Story name="Huge Dataset" asChild>
+	<div class="h-[400px] w-full">
+		<MultiLineChart
+			{xAxisName}
+			{yAxisName}
+			data={hugeDataset}
+			withFocus={true}
+			onitemclick={handleItemClick}
+			onmouseover={handleMouseOver}
+			onmouseout={handleMouseOut}
+		/>
+	</div>
+</Story>

package/dist/components/graphs/scatterplot/Scatterplot.svelte

@@ -289,6 +289,7 @@
 	<Chart
 		bind:this={chartComponent}
 		{options}
+		renderer="svg"
 		onitemclick={(e) => handleClick(e as ScatterPlotEchartsEvent)}
 		onmouseover={(e) => handleMouseOver(e as ScatterPlotEchartsEvent)}
 		onmouseout={handleMouseOut}

package/dist/components/notifications/Notifications.stories.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { notifications } from '../../../notifications';
+	import { notifications } from '../../notifications';
 	import Button from '../button/Button.svelte';
 	import Notifications from '../notifications/Notifications.svelte';
 	import { defineMeta } from '@storybook/addon-svelte-csf';

package/dist/components/notifications/Notifications.svelte

@@ -2,25 +2,7 @@
 	import { flip } from 'svelte/animate';
 	import { fly } from 'svelte/transition';
 	import { notifications } from '../../notifications';
-	import { type IconColor } from '../icons';
-	import { tokens } from '../../tokens';
 	import Toast from '../toast/Toast.svelte';
-
-	const color = {
-		danger: tokens.backgroundColor['danger-inverse'],
-		success: tokens.backgroundColor['success-inverse-hover'],
-		warning: tokens.backgroundColor['warning-inverse-hover'],
-		info: tokens.backgroundColor['blue-inverse'],
-		default: tokens.backgroundColor.surface
-	};
-
-	const textColor: Record<string, IconColor | 'inherit'> = {
-		danger: 'primary-inverse',
-		success: 'primary-inverse',
-		warning: 'primary-inverse',
-		info: 'primary-inverse',
-		default: 'inherit'
-	};
 </script>
 
 <div class="fixed left-0 right-0 top-2 z-50 mx-auto flex w-fit flex-col items-center justify-start">

package/dist/components/select-new/index.d.ts

@@ -4,7 +4,7 @@ import GroupHeading from './components/SelectGroupHeading.svelte';
 import Trigger from './components/SelectTrigger.svelte';
 import MultiSelectTrigger from './components/MultiSelectTrigger.svelte';
 import Group from './components/Group.svelte';
-export declare const Root: import("svelte").Component<import("bits-ui").SelectRootPropsWithoutHTML, {}, "open" | "value">;
+export declare const Root: import("svelte").Component<import("bits-ui").ComboboxRootPropsWithoutHTML, {}, "open" | "value">;
 export declare const Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
 export { Content, Item, Group, GroupHeading, Trigger, MultiSelectTrigger };
 export * from './types';

package/dist/components/tag/Tag.stories.svelte

@@ -21,6 +21,7 @@
 		'pear',
 		'blue',
 		'accent',
+		'success',
 		'warning'
 	];
 </script>

package/dist/components/tag/Tag.svelte

@@ -52,6 +52,7 @@
 		pear: 'bg-pear text-pear',
 		blue: 'bg-blue text-blue',
 		accent: 'bg-accent text-accent',
+		success: 'bg-success text-success',
 		warning: 'bg-warning text-warning'
 	};
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reshape-biotech/design-system",
-	"version": "1.2.1",
+	"version": "1.2.3",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",