@reshape-biotech/design-system 0.0.41 → 0.0.43

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,19 +1,36 @@
 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,19 +1,36 @@
 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

@@ -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,17 +1,21 @@
 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,8 +176,9 @@
 		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;
@@ -213,7 +214,7 @@
 		font-weight: 400;
 		--tw-text-opacity: 1;
 		color: rgb(136 140 148 / var(--tw-text-opacity, 1));
-}
+	}
 
 	td {
 		width: 40px;
@@ -244,10 +245,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;
@@ -255,12 +256,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;
@@ -274,7 +275,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,27 +1,48 @@
 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,27 +1,48 @@
 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;