@reshape-biotech/design-system 0.0.42 → 0.0.43

package/dist/components/slider/Slider.stories.svelte.d.ts

@@ -1,27 +1,48 @@
 export default Slider;
-type Slider = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type Slider = SvelteComponent<
+	{
+		[x: string]: never;
+	},
+	{
+		[evt: string]: CustomEvent<any>;
+	},
+	{}
+> & {
+	$$bindings?: string | undefined;
 };
-declare const Slider: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+declare const Slider: $$__sveltets_2_IsomorphicComponent<
+	{
+		[x: string]: never;
+	},
+	{
+		[evt: string]: CustomEvent<any>;
+	},
+	{},
+	{},
+	string
+>;
 import Slider from './Slider.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/slider/Slider.svelte

@@ -70,7 +70,7 @@
 		margin-right: 1rem;
 		height: 0.5rem;
 		border-radius: 9999px;
-		background-color: #12192A26;
+		background-color: #12192a26;
 	}
 
 	.thumb-overlay {
@@ -87,14 +87,16 @@
 		--tw-bg-opacity: 1;
 		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
+			0 4px 6px -4px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
+			var(--tw-shadow);
 	}
 
 	input[type='range'] {
 		-webkit-appearance: none;
 		-moz-appearance: none;
-		     appearance: none;
+		appearance: none;
 		position: relative;
 		cursor: pointer;
 		height: 2.5rem;
@@ -103,15 +105,15 @@
 	}
 
 	input[type='range']::-webkit-slider-thumb {
-			-webkit-appearance: none;
-			appearance: none;
-			width: 0;
-			height: 0;
-		}
+		-webkit-appearance: none;
+		appearance: none;
+		width: 0;
+		height: 0;
+	}
 
 	input[type='range']::-moz-range-thumb {
-			width: 0;
-			height: 0;
-			border: none;
-		}
+		width: 0;
+		height: 0;
+		border: none;
+	}
 </style>

package/dist/components/slider/Slider.svelte.d.ts

@@ -1,29 +1,46 @@
-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: 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: Props & {
+			$$events?: Events;
+			$$slots?: Slots;
+		}
+	): Exports & {
+		$set?: any;
+		$on?: any;
+	};
+	z_$$bindings?: Bindings;
 }
-declare const Slider: $$__sveltets_2_IsomorphicComponent<{
-    class?: string;
-    value?: number;
-    max: number;
-    buffer?: number;
-    bufferMin?: number;
-    bufferColorClass?: string;
-    showSteps?: boolean;
-    onMousedown?: () => void;
-    onMouseup?: () => void;
-    id?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+declare const Slider: $$__sveltets_2_IsomorphicComponent<
+	{
+		class?: string;
+		value?: number;
+		max: number;
+		buffer?: number;
+		bufferMin?: number;
+		bufferColorClass?: string;
+		showSteps?: boolean;
+		onMousedown?: () => void;
+		onMouseup?: () => void;
+		id?: string | undefined;
+	},
+	{
+		[evt: string]: CustomEvent<any>;
+	},
+	{},
+	{},
+	string
+>;
 type Slider = InstanceType<typeof Slider>;
 export default Slider;

package/dist/components/spinner/Spinner.svelte.d.ts

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

package/dist/components/stat-card/StatCard.stories.svelte.d.ts

@@ -1,27 +1,48 @@
 export default StatCard;
-type StatCard = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type StatCard = SvelteComponent<
+	{
+		[x: string]: never;
+	},
+	{
+		[evt: string]: CustomEvent<any>;
+	},
+	{}
+> & {
+	$$bindings?: string | undefined;
 };
-declare const StatCard: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+declare const StatCard: $$__sveltets_2_IsomorphicComponent<
+	{
+		[x: string]: never;
+	},
+	{
+		[evt: string]: CustomEvent<any>;
+	},
+	{},
+	{},
+	string
+>;
 import StatCard from './StatCard.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/stat-card/StatCard.svelte.d.ts

@@ -1,10 +1,10 @@
 interface Props {
-    title: string;
-    value?: string | number | null;
-    unit?: string | null;
-    titleTooltip?: string;
-    showTitleTooltip?: boolean;
+	title: string;
+	value?: string | number | null;
+	unit?: string | null;
+	titleTooltip?: string;
+	showTitleTooltip?: boolean;
 }
-declare const StatCard: import("svelte").Component<Props, {}, "">;
+declare const StatCard: import('svelte').Component<Props, {}, ''>;
 type StatCard = ReturnType<typeof StatCard>;
 export default StatCard;

package/dist/components/status-badge/StatusBadge.stories.svelte.d.ts

@@ -1,19 +1,36 @@
 import StatusBadge from '../status-badge/StatusBadge.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 StatusBadge: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+declare const StatusBadge: $$__sveltets_2_IsomorphicComponent<
+	Record<string, never>,
+	{
+		[evt: string]: CustomEvent<any>;
+	},
+	{},
+	{},
+	string
+>;
 type StatusBadge = InstanceType<typeof StatusBadge>;
 export default StatusBadge;

package/dist/components/status-badge/StatusBadge.svelte

@@ -39,109 +39,109 @@
 
 <style>
 	.badge {
-    gap: 0.5rem;
-    border-style: none;
-    --tw-text-opacity: 1;
-    color: rgb(18 25 42 / var(--tw-text-opacity, 1))
-}
+		gap: 0.5rem;
+		border-style: none;
+		--tw-text-opacity: 1;
+		color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+	}
 	.badge-md {
-    height: 2rem;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-    padding-left: 0.5rem;
-    padding-right: 0.75rem
-}
+		height: 2rem;
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.5rem;
+		padding-right: 0.75rem;
+	}
 	.badge-md .icon {
-    width: 1.25rem;
-    height: 1.25rem
-}
+		width: 1.25rem;
+		height: 1.25rem;
+	}
 
 	.badge-sm {
-    height: 1.5rem;
-    gap: 0.25rem;
-    padding-left: 0.25rem;
-    padding-right: 0.5rem
-}
+		height: 1.5rem;
+		gap: 0.25rem;
+		padding-left: 0.25rem;
+		padding-right: 0.5rem;
+	}
 
 	.badge-sm .icon {
-    width: 1rem;
-    height: 1rem
-}
+		width: 1rem;
+		height: 1rem;
+	}
 	.badge-icon-only {
-    width: 2rem;
-    height: 2rem;
-    gap: 0px;
-    padding: 0px
-}
+		width: 2rem;
+		height: 2rem;
+		gap: 0px;
+		padding: 0px;
+	}
 
 	.badge-sm.badge-icon-only {
-    width: 1.5rem;
-    height: 1.5rem;
-    padding: 0px
-}
+		width: 1.5rem;
+		height: 1.5rem;
+		padding: 0px;
+	}
 
 	.badge-neutral {
-    background-color: #12192a0d
-}
+		background-color: #12192a0d;
+	}
 
 	.badge-neutral:hover {
-    background-color: #12192A1A
-}
+		background-color: #12192a1a;
+	}
 
 	.badge-neutral .icon {
-    --tw-text-opacity: 1;
-    color: rgb(136 140 148 / var(--tw-text-opacity, 1))
-}
+		--tw-text-opacity: 1;
+		color: rgb(136 140 148 / var(--tw-text-opacity, 1));
+	}
 
 	.badge-success {
-    background-color: #0aad6e1A
-}
+		background-color: #0aad6e1a;
+	}
 
 	.badge-success:hover {
-    background-color: #0aad6e40
-}
+		background-color: #0aad6e40;
+	}
 
 	.badge-success .icon {
-    --tw-text-opacity: 1;
-    color: rgb(10 173 110 / var(--tw-text-opacity, 1))
-}
+		--tw-text-opacity: 1;
+		color: rgb(10 173 110 / var(--tw-text-opacity, 1));
+	}
 	.badge-progress {
-    background-color: #5750ee1A
-}
+		background-color: #5750ee1a;
+	}
 	.badge-progress:hover {
-    background-color: #5750ee40
-}
+		background-color: #5750ee40;
+	}
 	.badge-progress .icon {
-    --tw-text-opacity: 1;
-    color: rgb(71 65 193 / var(--tw-text-opacity, 1))
-}
+		--tw-text-opacity: 1;
+		color: rgb(71 65 193 / var(--tw-text-opacity, 1));
+	}
 	.badge-warning {
-    background-color: #f1b1231A
-}
+		background-color: #f1b1231a;
+	}
 	.badge-warning:hover {
-    background-color: #f1b12340
-}
+		background-color: #f1b12340;
+	}
 	.badge-warning .icon {
-    --tw-text-opacity: 1;
-    color: rgb(241 177 35 / var(--tw-text-opacity, 1))
-}
+		--tw-text-opacity: 1;
+		color: rgb(241 177 35 / var(--tw-text-opacity, 1));
+	}
 	.badge-error {
-    background-color: #eb46471A
-}
+		background-color: #eb46471a;
+	}
 	.badge-error:hover {
-    background-color: #eb464740
-}
+		background-color: #eb464740;
+	}
 	.badge-error .icon {
-    --tw-text-opacity: 1;
-    color: rgb(235 70 71 / var(--tw-text-opacity, 1))
-}
+		--tw-text-opacity: 1;
+		color: rgb(235 70 71 / var(--tw-text-opacity, 1));
+	}
 
 	:global(.badge > div) {
-    display: flex;
-    height: 100%;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    white-space: nowrap
-}
+		display: flex;
+		height: 100%;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		white-space: nowrap;
+	}
 </style>

package/dist/components/status-badge/StatusBadge.svelte.d.ts

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

package/dist/components/table/Table.stories.svelte.d.ts

@@ -1,24 +1,41 @@
 import Table from './Table.svelte';
 export declare const users: {
-    name: string;
-    age: number;
-    role: string;
+	name: string;
+	age: number;
+	role: string;
 }[];
-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 Table: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+declare const Table: $$__sveltets_2_IsomorphicComponent<
+	Record<string, never>,
+	{
+		[evt: string]: CustomEvent<any>;
+	},
+	{},
+	{},
+	string
+>;
 type Table = InstanceType<typeof Table>;
 export default Table;

package/dist/components/table/Table.svelte

@@ -39,9 +39,9 @@
 
 <style>
 	:global(tr) {
-    border-bottom-width: 1px
-}
-:global(tr):last-child {
-    border-bottom-width: 0px
-}
+		border-bottom-width: 1px;
+	}
+	:global(tr):last-child {
+		border-bottom-width: 0px;
+	}
 </style>

package/dist/components/table/Table.svelte.d.ts

@@ -5,17 +5,19 @@ import Tr from './components/Tr.svelte';
 import THead from './components/THead.svelte';
 import TBody from './components/TBody.svelte';
 interface Props {
-    tableLayout?: 'fixed' | 'auto';
-    children?: Snippet<[
-        {
-            THead: typeof THead;
-            TBody: typeof TBody;
-            Tr: typeof Tr;
-            Th: typeof Th;
-            Td: typeof Td;
-        }
-    ]>;
+	tableLayout?: 'fixed' | 'auto';
+	children?: Snippet<
+		[
+			{
+				THead: typeof THead;
+				TBody: typeof TBody;
+				Tr: typeof Tr;
+				Th: typeof Th;
+				Td: typeof Td;
+			}
+		]
+	>;
 }
-declare const Table: import("svelte").Component<Props, {}, "">;
+declare const Table: import('svelte').Component<Props, {}, ''>;
 type Table = ReturnType<typeof Table>;
 export default Table;