@reshape-biotech/design-system 0.0.43 → 0.0.44

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

@@ -1,48 +1,27 @@
 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,16 +87,14 @@
 		--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;
@@ -105,15 +103,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,46 +1,29 @@
-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,48 +1,27 @@
 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,36 +1,19 @@
 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,41 +1,24 @@
 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,19 +5,17 @@ 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;