@reshape-biotech/design-system 0.0.43 → 0.0.45

package/dist/components/avatar/Avatar.svelte.d.ts

@@ -1,8 +1,8 @@
 interface Props {
-	name: string | null | undefined;
-	size?: 'sm' | 'md';
-	showTooltip?: boolean;
+    name: string | null | undefined;
+    size?: 'sm' | 'md';
+    showTooltip?: boolean;
 }
-declare const Avatar: import('svelte').Component<Props, {}, ''>;
+declare const Avatar: import("svelte").Component<Props, {}, "">;
 type Avatar = ReturnType<typeof Avatar>;
 export default Avatar;

package/dist/components/banner/Banner.stories.svelte.d.ts

@@ -1,36 +1,19 @@
 import Banner from './Banner.svelte';
-interface $$__sveltets_2_IsomorphicComponent<
-	Props extends Record<string, any> = any,
-	Events extends Record<string, any> = any,
-	Slots extends Record<string, any> = any,
-	Exports = {},
-	Bindings = string
-> {
-	new (
-		options: import('svelte').ComponentConstructorOptions<Props>
-	): import('svelte').SvelteComponent<Props, Events, Slots> & {
-		$$bindings?: Bindings;
-	} & Exports;
-	(
-		internal: unknown,
-		props: {
-			$$events?: Events;
-			$$slots?: Slots;
-		}
-	): Exports & {
-		$set?: any;
-		$on?: any;
-	};
-	z_$$bindings?: Bindings;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
 }
-declare const Banner: $$__sveltets_2_IsomorphicComponent<
-	Record<string, never>,
-	{
-		[evt: string]: CustomEvent<any>;
-	},
-	{},
-	{},
-	string
->;
+declare const Banner: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
 type Banner = InstanceType<typeof Banner>;
 export default Banner;

package/dist/components/banner/Banner.svelte

@@ -50,10 +50,10 @@
 
 <style>
 	.content :global(a) {
-		font-size: 0.875rem;
-		line-height: 1.25rem;
-		--tw-text-opacity: 1;
-		color: rgb(18 25 42 / var(--tw-text-opacity, 1));
-		text-decoration-line: underline;
-	}
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    --tw-text-opacity: 1;
+    color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+    text-decoration-line: underline
+}
 </style>

package/dist/components/banner/Banner.svelte.d.ts

@@ -1,11 +1,11 @@
 import type { Snippet } from 'svelte';
 interface Props {
-	type?: 'neutral' | 'success' | 'progress' | 'warning' | 'error';
-	show?: boolean;
-	closable?: boolean;
-	icon?: Snippet;
-	content: Snippet;
+    type?: 'neutral' | 'success' | 'progress' | 'warning' | 'error';
+    show?: boolean;
+    closable?: boolean;
+    icon?: Snippet;
+    content: Snippet;
 }
-declare const Banner: import('svelte').Component<Props, {}, 'show'>;
+declare const Banner: import("svelte").Component<Props, {}, "show">;
 type Banner = ReturnType<typeof Banner>;
 export default Banner;

package/dist/components/button/Button.stories.svelte.d.ts

@@ -1,36 +1,19 @@
 import Button from './Button.svelte';
-interface $$__sveltets_2_IsomorphicComponent<
-	Props extends Record<string, any> = any,
-	Events extends Record<string, any> = any,
-	Slots extends Record<string, any> = any,
-	Exports = {},
-	Bindings = string
-> {
-	new (
-		options: import('svelte').ComponentConstructorOptions<Props>
-	): import('svelte').SvelteComponent<Props, Events, Slots> & {
-		$$bindings?: Bindings;
-	} & Exports;
-	(
-		internal: unknown,
-		props: {
-			$$events?: Events;
-			$$slots?: Slots;
-		}
-	): Exports & {
-		$set?: any;
-		$on?: any;
-	};
-	z_$$bindings?: Bindings;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
 }
-declare const Button: $$__sveltets_2_IsomorphicComponent<
-	Record<string, never>,
-	{
-		[evt: string]: CustomEvent<any>;
-	},
-	{},
-	{},
-	string
->;
+declare const Button: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
 type Button = InstanceType<typeof Button>;
 export default Button;

package/dist/components/button/Button.svelte

@@ -2,6 +2,14 @@
 	import Spinner from '../spinner/Spinner.svelte';
 	import type { Snippet } from 'svelte';
 
+	type Variant =
+		| 'primary'
+		| 'secondary'
+		| 'transparent'
+		| 'danger'
+		| 'outline'
+		| 'secondary-inverse';
+
 	interface Props {
 		class?: string;
 		onClick?: (event?: MouseEvent) => void;
@@ -32,14 +40,6 @@
 		dataTestId = undefined
 	}: Props = $props();
 
-	type Variant =
-		| 'primary'
-		| 'secondary'
-		| 'transparent'
-		| 'danger'
-		| 'outline'
-		| 'secondary-inverse';
-
 	let variantClass = $derived(`btn-${variant}`);
 	let sizeClass = $derived(`btn-size-${size}`);
 </script>
@@ -70,107 +70,107 @@
 
 <style>
 	.button {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		border-radius: 9999px;
-		font-size: 1rem;
-		font-weight: 500;
-		line-height: 1.5rem;
-		transition-duration: 150ms;
-	}
-	.button:disabled {
-		background-color: #12192a0d;
-		--tw-text-opacity: 1;
-		color: rgb(136 140 148 / var(--tw-text-opacity, 1));
-	}
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    border-radius: 9999px;
+    font-size: 1rem;
+    font-weight: 500;
+    line-height: 1.5rem;
+    transition-duration: 150ms
+}
+.button:disabled {
+    background-color: #12192a0d;
+    --tw-text-opacity: 1;
+    color: rgb(136 140 148 / var(--tw-text-opacity, 1))
+}
 
 	/* Size variants */
 	.btn-size-sm {
-		height: 2rem;
-		padding-left: 0.75rem;
-		padding-right: 0.75rem;
-		padding-top: 0.5rem;
-		padding-bottom: 0.5rem;
-	}
+    height: 2rem;
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem
+}
 	.btn-size-md {
-		height: 2.5rem;
-		padding-left: 1.25rem;
-		padding-right: 1.25rem;
-		padding-top: 0.75rem;
-		padding-bottom: 0.75rem;
-	}
+    height: 2.5rem;
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem
+}
 	.btn-size-lg {
-		height: 3rem;
-		padding-left: 1.5rem;
-		padding-right: 1.5rem;
-		padding-top: 1rem;
-		padding-bottom: 1rem;
-	}
+    height: 3rem;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+    padding-top: 1rem;
+    padding-bottom: 1rem
+}
 
 	/* Button variants */
 	.btn-primary {
-		--tw-bg-opacity: 1;
-		background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
-		--tw-text-opacity: 1;
-		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-	}
+    --tw-bg-opacity: 1;
+    background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
+}
 	.btn-primary:hover {
-		--tw-bg-opacity: 1;
-		background-color: rgb(71 65 193 / var(--tw-bg-opacity, 1));
-	}
+    --tw-bg-opacity: 1;
+    background-color: rgb(71 65 193 / var(--tw-bg-opacity, 1))
+}
 	.btn-secondary {
-		background-color: #12192a0d;
-		--tw-text-opacity: 1;
-		color: rgb(18 25 42 / var(--tw-text-opacity, 1));
-	}
+    background-color: #12192a0d;
+    --tw-text-opacity: 1;
+    color: rgb(18 25 42 / var(--tw-text-opacity, 1))
+}
 	.btn-secondary:hover {
-		background-color: #12192a1a;
-	}
+    background-color: #12192A1A
+}
 	.btn-secondary:active {
-		background-color: #12192a0d;
-	}
+    background-color: #12192a0d
+}
 	.btn-transparent {
-		background-color: transparent;
-		--tw-text-opacity: 1;
-		color: rgb(18 25 42 / var(--tw-text-opacity, 1));
-	}
+    background-color: transparent;
+    --tw-text-opacity: 1;
+    color: rgb(18 25 42 / var(--tw-text-opacity, 1))
+}
 	.btn-transparent:hover {
-		background-color: #12192a0d;
-	}
+    background-color: #12192a0d
+}
 	.btn-danger {
-		--tw-bg-opacity: 1;
-		background-color: rgb(235 70 71 / var(--tw-bg-opacity, 1));
-		--tw-text-opacity: 1;
-		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-	}
+    --tw-bg-opacity: 1;
+    background-color: rgb(235 70 71 / var(--tw-bg-opacity, 1));
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
+}
 	.btn-danger:hover {
-		--tw-bg-opacity: 1;
-		background-color: rgb(191 57 58 / var(--tw-bg-opacity, 1));
-	}
+    --tw-bg-opacity: 1;
+    background-color: rgb(191 57 58 / var(--tw-bg-opacity, 1))
+}
 	.btn-outline {
-		border-width: 1px;
-		border-color: #12192a26;
-		background-color: transparent;
-		--tw-text-opacity: 1;
-		color: rgb(18 25 42 / var(--tw-text-opacity, 1));
-	}
+    border-width: 1px;
+    border-color: #12192A26;
+    background-color: transparent;
+    --tw-text-opacity: 1;
+    color: rgb(18 25 42 / var(--tw-text-opacity, 1))
+}
 	.btn-outline:hover {
-		background-color: #12192a1a;
-	}
+    background-color: #12192A1A
+}
 	.btn-outline:disabled {
-		border-style: none;
-	}
+    border-style: none
+}
 	.btn-secondary-inverse {
-		background-color: #ffffff0d;
-		--tw-text-opacity: 1;
-		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-	}
+    background-color: #FFFFFF0D;
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
+}
 	.btn-secondary-inverse:hover {
-		background-color: #ffffff26;
-	}
+    background-color: #FFFFFF26
+}
 	.btn-secondary-inverse:active {
-		background-color: #ffffff0d;
-	}
+    background-color: #FFFFFF0D
+}
 </style>

package/dist/components/button/Button.svelte.d.ts

@@ -1,21 +1,17 @@
 import type { Snippet } from 'svelte';
-declare const Button: import('svelte').Component<
-	{
-		class?: string;
-		onClick?: (event?: MouseEvent) => void;
-		type?: 'button' | 'submit' | 'reset' | null | undefined;
-		loading?: boolean;
-		disabled?: boolean;
-		accessibilityLabel?: string;
-		size?: 'sm' | 'md' | 'lg';
-		id?: string | undefined;
-		tabindex?: number | undefined;
-		variant?: 'primary' | 'secondary' | 'transparent' | 'danger' | 'outline' | 'secondary-inverse';
-		children?: Snippet;
-		dataTestId?: string;
-	},
-	{},
-	''
->;
+declare const Button: import("svelte").Component<{
+    class?: string;
+    onClick?: (event?: MouseEvent) => void;
+    type?: "button" | "submit" | "reset" | null | undefined;
+    loading?: boolean;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    size?: "sm" | "md" | "lg";
+    id?: string | undefined;
+    tabindex?: number | undefined;
+    variant?: "primary" | "secondary" | "transparent" | "danger" | "outline" | "secondary-inverse";
+    children?: Snippet;
+    dataTestId?: string;
+}, {}, "">;
 type Button = ReturnType<typeof Button>;
 export default Button;

package/dist/components/datepicker/DatePicker.svelte

@@ -176,9 +176,8 @@
 		padding: 1rem;
 		--tw-shadow: 0px 16px 24px 0px rgba(18, 25, 42, 0.16);
 		--tw-shadow-colored: 0px 16px 24px 0px var(--tw-shadow-color);
-		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-			var(--tw-shadow);
-	}
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 
 	.month-year {
 		display: flex;
@@ -214,7 +213,7 @@
 		font-weight: 400;
 		--tw-text-opacity: 1;
 		color: rgb(136 140 148 / var(--tw-text-opacity, 1));
-	}
+}
 
 	td {
 		width: 40px;
@@ -245,10 +244,10 @@
 		font-size: 0.875rem;
 		line-height: 1.25rem;
 		font-weight: 400;
-	}
+}
 
 	.date :hover,
-	.date :focus {
+		.date :focus {
 		height: 2.5rem;
 		width: 2.5rem;
 		border-radius: 0.5rem;
@@ -256,12 +255,12 @@
 		background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
 		--tw-text-opacity: 1;
 		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-		z-index: 1;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-	}
+			z-index: 1;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			cursor: pointer;
+}
 
 	.selected-date {
 		height: 2.5rem;
@@ -275,7 +274,7 @@
 		align-items: center;
 		justify-content: center;
 		cursor: pointer;
-	}
+}
 
 	.date button {
 		border: none;

package/dist/components/datepicker/DatePicker.svelte.d.ts

@@ -1,8 +1,8 @@
 import { DateTime } from 'luxon';
 interface Props {
-	selectedDate: DateTime | undefined;
-	onClick?: any;
+    selectedDate: DateTime | undefined;
+    onClick?: any;
 }
-declare const DatePicker: import('svelte').Component<Props, {}, 'selectedDate'>;
+declare const DatePicker: import("svelte").Component<Props, {}, "selectedDate">;
 type DatePicker = ReturnType<typeof DatePicker>;
 export default DatePicker;

package/dist/components/divider/Divider.stories.svelte.d.ts

@@ -1,48 +1,27 @@
 export default Divider;
-type Divider = SvelteComponent<
-	{
-		[x: string]: never;
-	},
-	{
-		[evt: string]: CustomEvent<any>;
-	},
-	{}
-> & {
-	$$bindings?: string | undefined;
+type Divider = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-declare const Divider: $$__sveltets_2_IsomorphicComponent<
-	{
-		[x: string]: never;
-	},
-	{
-		[evt: string]: CustomEvent<any>;
-	},
-	{},
-	{},
-	string
->;
+declare const Divider: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
 import Divider from './Divider.svelte';
-interface $$__sveltets_2_IsomorphicComponent<
-	Props extends Record<string, any> = any,
-	Events extends Record<string, any> = any,
-	Slots extends Record<string, any> = any,
-	Exports = {},
-	Bindings = string
-> {
-	new (
-		options: import('svelte').ComponentConstructorOptions<Props>
-	): import('svelte').SvelteComponent<Props, Events, Slots> & {
-		$$bindings?: Bindings;
-	} & Exports;
-	(
-		internal: unknown,
-		props: {
-			$$events?: Events;
-			$$slots?: Slots;
-		}
-	): Exports & {
-		$set?: any;
-		$on?: any;
-	};
-	z_$$bindings?: Bindings;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
 }

package/dist/components/divider/Divider.svelte.d.ts

@@ -1,6 +1,6 @@
 interface Props {
-	class?: string;
+    class?: string;
 }
-declare const Divider: import('svelte').Component<Props, {}, ''>;
+declare const Divider: import("svelte").Component<Props, {}, "">;
 type Divider = ReturnType<typeof Divider>;
 export default Divider;

package/dist/components/drawer/Drawer.stories.svelte.d.ts

@@ -1,48 +1,27 @@
 export default Drawer;
-type Drawer = SvelteComponent<
-	{
-		[x: string]: never;
-	},
-	{
-		[evt: string]: CustomEvent<any>;
-	},
-	{}
-> & {
-	$$bindings?: string | undefined;
+type Drawer = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-declare const Drawer: $$__sveltets_2_IsomorphicComponent<
-	{
-		[x: string]: never;
-	},
-	{
-		[evt: string]: CustomEvent<any>;
-	},
-	{},
-	{},
-	string
->;
+declare const Drawer: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
 import Drawer from './Drawer.svelte';
-interface $$__sveltets_2_IsomorphicComponent<
-	Props extends Record<string, any> = any,
-	Events extends Record<string, any> = any,
-	Slots extends Record<string, any> = any,
-	Exports = {},
-	Bindings = string
-> {
-	new (
-		options: import('svelte').ComponentConstructorOptions<Props>
-	): import('svelte').SvelteComponent<Props, Events, Slots> & {
-		$$bindings?: Bindings;
-	} & Exports;
-	(
-		internal: unknown,
-		props: {
-			$$events?: Events;
-			$$slots?: Slots;
-		}
-	): Exports & {
-		$set?: any;
-		$on?: any;
-	};
-	z_$$bindings?: Bindings;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
 }

package/dist/components/drawer/Drawer.svelte.d.ts

@@ -1,12 +1,12 @@
 import type { Snippet } from 'svelte';
 interface Props {
-	id: string;
-	controlled?: boolean;
-	open?: boolean;
-	side?: 'left' | 'right';
-	trigger?: Snippet;
-	content: Snippet;
+    id: string;
+    controlled?: boolean;
+    open?: boolean;
+    side?: 'left' | 'right';
+    trigger?: Snippet;
+    content: Snippet;
 }
-declare const Drawer: import('svelte').Component<Props, {}, 'open'>;
+declare const Drawer: import("svelte").Component<Props, {}, "open">;
 type Drawer = ReturnType<typeof Drawer>;
 export default Drawer;