@reshape-biotech/design-system 0.0.43 → 0.0.45

package/dist/components/logo/Logo.svelte.d.ts

@@ -1,6 +1,6 @@
 type Props = {
-	size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 };
-declare const Logo: import('svelte').Component<Props, {}, ''>;
+declare const Logo: import("svelte").Component<Props, {}, "">;
 type Logo = ReturnType<typeof Logo>;
 export default Logo;

package/dist/components/markdown/Markdown.stories.svelte.d.ts

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

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

package/dist/components/modal/Modal.stories.svelte.d.ts

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

package/dist/components/modal/Modal.svelte

@@ -45,7 +45,7 @@
 	<div class="modal-box {modalClass}">
 		{#if withClose}
 			<div class="close-button">
-				<IconButton onclick={closeModal} size="md" color="secondary">
+				<IconButton onclick={closeModal} size="md" variant="secondary">
 					<X />
 				</IconButton>
 			</div>
@@ -61,16 +61,16 @@
 
 <style>
 	.modal-box {
-		position: relative;
-		max-width: 100%;
-		border-radius: 0.75rem;
-		--tw-bg-opacity: 1;
-		background-color: rgb(243 250 252 / var(--tw-bg-opacity, 1));
-	}
+    position: relative;
+    max-width: 100%;
+    border-radius: 0.75rem;
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 250 252 / var(--tw-bg-opacity, 1))
+}
 	.close-button {
-		position: absolute;
-		right: 0px;
-		top: 0px;
-		padding: 1.5rem;
-	}
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    padding: 1.5rem
+}
 </style>

package/dist/components/modal/Modal.svelte.d.ts

@@ -1,21 +1,17 @@
 import type { Snippet } from 'svelte';
 type ModalProps = {
-	Trigger?: Snippet<
-		[
-			{
-				openModal: () => void;
-				closeModal: () => void;
-			}
-		]
-	>;
-	Content: Snippet;
-	onclose?: () => void;
-	defaultOpen?: boolean;
-	id?: string;
-	withClose?: boolean;
-	closeOnClickOutside?: boolean;
-	class?: string;
+    Trigger?: Snippet<[{
+        openModal: () => void;
+        closeModal: () => void;
+    }]>;
+    Content: Snippet;
+    onclose?: () => void;
+    defaultOpen?: boolean;
+    id?: string;
+    withClose?: boolean;
+    closeOnClickOutside?: boolean;
+    class?: string;
 };
-declare const Modal: import('svelte').Component<ModalProps, {}, ''>;
+declare const Modal: import("svelte").Component<ModalProps, {}, "">;
 type Modal = ReturnType<typeof Modal>;
 export default Modal;

package/dist/components/notification-popup/NotificationPopup.stories.svelte.d.ts

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

@@ -1,11 +1,11 @@
 import type { Snippet } from 'svelte';
 interface Props {
-	onClose: () => void;
-	title: string;
-	visible: boolean;
-	id?: string | undefined;
-	children?: Snippet;
+    onClose: () => void;
+    title: string;
+    visible: boolean;
+    id?: string | undefined;
+    children?: Snippet;
 }
-declare const NotificationPopup: import('svelte').Component<Props, {}, ''>;
+declare const NotificationPopup: import("svelte").Component<Props, {}, "">;
 type NotificationPopup = ReturnType<typeof NotificationPopup>;
 export default NotificationPopup;

package/dist/components/pill/Pill.svelte

@@ -21,7 +21,7 @@
 	button {
 		gap: 0.5rem;
 		border-radius: 9999px;
-		background-color: #5750ee1a;
+		background-color: #5750ee1A;
 		padding-left: 1rem;
 		padding-right: 1rem;
 		padding-top: 0px;
@@ -34,6 +34,6 @@
 		white-space: nowrap;
 		height: 32px;
 
-		align-items: center;
-	}
+		align-items: center
+}
 </style>

package/dist/components/pill/Pill.svelte.d.ts

@@ -1,10 +1,10 @@
 interface Props {
-	class?: string;
-	text: string;
-	type?: 'button' | 'submit';
-	testID?: string;
-	onclick?: () => void;
+    class?: string;
+    text: string;
+    type?: 'button' | 'submit';
+    testID?: string;
+    onclick?: () => void;
 }
-declare const Pill: import('svelte').Component<Props, {}, ''>;
+declare const Pill: import("svelte").Component<Props, {}, "">;
 type Pill = ReturnType<typeof Pill>;
 export default Pill;

package/dist/components/progress-circle/ProgressCircle.svelte

@@ -43,31 +43,35 @@
 
 <style>
 	.progress-wrapper {
+
 		position: relative;
 
 		display: inline-block;
 
 		aspect-ratio: 1;
-	}
-	.progress-wrapper.md {
+}
+		.progress-wrapper.md {
+
 		width: 1.25rem;
 
 		height: 1.25rem;
-	}
-	.progress-wrapper.sm {
+}
+		.progress-wrapper.sm {
+
 		width: 1rem;
 
 		height: 1rem;
-	}
+}
 
 	svg {
+
 		position: absolute;
 
 		inset: 0px;
 		width: 100%;
 		height: 100%;
 		display: block;
-	}
+}
 
 	path {
 		--pathLength: 1;

package/dist/components/progress-circle/ProgressCircle.svelte.d.ts

@@ -1,7 +1,7 @@
 type Props = {
-	progress: number;
-	size?: 'md' | 'sm';
+    progress: number;
+    size?: 'md' | 'sm';
 };
-declare const ProgressCircle: import('svelte').Component<Props, {}, 'progress'>;
+declare const ProgressCircle: import("svelte").Component<Props, {}, "progress">;
 type ProgressCircle = ReturnType<typeof ProgressCircle>;
 export default ProgressCircle;

package/dist/components/segmented-control-buttons/ControlButton.svelte

@@ -45,15 +45,15 @@
 
 <style>
 	.primary.active {
-		--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))
+}
 	.secondary.active {
-		--tw-bg-opacity: 1;
-		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-		--tw-text-opacity: 1;
-		color: rgb(18 25 42 / var(--tw-text-opacity, 1));
-	}
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+    --tw-text-opacity: 1;
+    color: rgb(18 25 42 / var(--tw-text-opacity, 1))
+}
 </style>

package/dist/components/segmented-control-buttons/ControlButton.svelte.d.ts

@@ -1,14 +1,14 @@
 import type { Snippet } from 'svelte';
 type Color = 'primary' | 'secondary';
 interface Props {
-	class?: string;
-	color?: Color;
-	disabled?: boolean;
-	active?: boolean;
-	dataTestId?: string;
-	onclick?: () => void;
-	children?: Snippet;
+    class?: string;
+    color?: Color;
+    disabled?: boolean;
+    active?: boolean;
+    dataTestId?: string;
+    onclick?: () => void;
+    children?: Snippet;
 }
-declare const ControlButton: import('svelte').Component<Props, {}, ''>;
+declare const ControlButton: import("svelte").Component<Props, {}, "">;
 type ControlButton = ReturnType<typeof ControlButton>;
 export default ControlButton;

package/dist/components/segmented-control-buttons/SegmentedControlButtons.stories.svelte.d.ts

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

package/dist/components/segmented-control-buttons/SegmentedControlButtons.svelte.d.ts

@@ -1,16 +1,12 @@
 import type { Snippet } from 'svelte';
 import ControlButton from './ControlButton.svelte';
 interface Props {
-	class?: string;
-	size?: 'md' | 'lg';
-	children?: Snippet<
-		[
-			{
-				ControlButton: typeof ControlButton;
-			}
-		]
-	>;
+    class?: string;
+    size?: 'md' | 'lg';
+    children?: Snippet<[{
+        ControlButton: typeof ControlButton;
+    }]>;
 }
-declare const SegmentedControlButtons: import('svelte').Component<Props, {}, ''>;
+declare const SegmentedControlButtons: import("svelte").Component<Props, {}, "">;
 type SegmentedControlButtons = ReturnType<typeof SegmentedControlButtons>;
 export default SegmentedControlButtons;

package/dist/components/select/Select.stories.svelte.d.ts

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

package/dist/components/select/Select.svelte

@@ -117,12 +117,12 @@
 	}
 
 	:global(.svelte-select .item.active) {
-		background-color: #5750ee1a;
-	}
+		background-color: #5750ee1A;
+}
 
 	:global(.svelte-select .list-item:not(:first-of-type) > .list-group-title) {
 		padding-top: 0.5rem;
-	}
+}
 
 	:global(.svelte-select .list-item:not(:first-of-type) > .list-group-title)::before {
 		position: relative;
@@ -131,8 +131,8 @@
 		clear: both;
 		display: block;
 		border-top-width: 1px;
-		border-color: #12192a26;
+		border-color: #12192A26;
 		--tw-content: '';
 		content: var(--tw-content);
-	}
+}
 </style>