@reshape-biotech/design-system 0.0.42 → 0.0.43

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

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

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

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

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

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 interface Props {
-    dataTestId?: string;
-    children?: Snippet;
+	dataTestId?: string;
+	children?: Snippet;
 }
-declare const Td: import("svelte").Component<Props, {}, "">;
+declare const Td: import('svelte').Component<Props, {}, ''>;
 type Td = ReturnType<typeof Td>;
 export default Td;

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

@@ -1,9 +1,9 @@
 import type { Width } from '../../../tailwind';
 import type { Snippet } from 'svelte';
 interface Props {
-    class?: Width | '';
-    children?: Snippet;
+	class?: Width | '';
+	children?: Snippet;
 }
-declare const Th: import("svelte").Component<Props, {}, "">;
+declare const Th: import('svelte').Component<Props, {}, ''>;
 type Th = ReturnType<typeof Th>;
 export default Th;

package/dist/components/table/components/Tr.svelte

@@ -15,17 +15,17 @@
 
 <style>
 	:global(td) {
-    padding-top: 1rem;
-    padding-bottom: 1rem
-}
-:global(td):first-child {
-    padding-left: 0.5rem
-}
+		padding-top: 1rem;
+		padding-bottom: 1rem;
+	}
+	:global(td):first-child {
+		padding-left: 0.5rem;
+	}
 	:global(th) {
-    padding-top: 1rem;
-    padding-bottom: 1rem
-}
+		padding-top: 1rem;
+		padding-bottom: 1rem;
+	}
 	:global(th):first-child {
-    padding-left: 0.5rem
-}
+		padding-left: 0.5rem;
+	}
 </style>

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

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 interface Props {
-    disabled?: boolean;
-    children?: Snippet;
+	disabled?: boolean;
+	children?: Snippet;
 }
-declare const Tr: import("svelte").Component<Props, {}, "">;
+declare const Tr: import('svelte').Component<Props, {}, ''>;
 type Tr = ReturnType<typeof Tr>;
 export default Tr;

package/dist/components/tabs/Tabs.stories.svelte.d.ts

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

@@ -3,12 +3,16 @@ import Content from './components/Content.svelte';
 import Tab from './components/Tab.svelte';
 import Tabs from './components/Tabs.svelte';
 interface Props {
-    children?: Snippet<[{
-        Tabs: typeof Tabs;
-        Tab: typeof Tab;
-        Content: typeof Content;
-    }]>;
+	children?: Snippet<
+		[
+			{
+				Tabs: typeof Tabs;
+				Tab: typeof Tab;
+				Content: typeof Content;
+			}
+		]
+	>;
 }
-declare const Tabs: import("svelte").Component<Props, {}, "">;
+declare const Tabs: import('svelte').Component<Props, {}, ''>;
 type Tabs = ReturnType<typeof Tabs>;
 export default Tabs;

package/dist/components/tabs/components/Content.svelte.d.ts

@@ -1,9 +1,9 @@
 import type { Snippet } from 'svelte';
 interface Props {
-    class?: string;
-    show?: boolean;
-    children?: Snippet;
+	class?: string;
+	show?: boolean;
+	children?: Snippet;
 }
-declare const Content: import("svelte").Component<Props, {}, "">;
+declare const Content: import('svelte').Component<Props, {}, ''>;
 type Content = ReturnType<typeof Content>;
 export default Content;

package/dist/components/tabs/components/Tab.svelte.d.ts

@@ -1,10 +1,10 @@
 import type { Snippet } from 'svelte';
 interface Props {
-    active?: boolean;
-    onClick: () => void;
-    class?: string;
-    children?: Snippet;
+	active?: boolean;
+	onClick: () => void;
+	class?: string;
+	children?: Snippet;
 }
-declare const Tab: import("svelte").Component<Props, {}, "">;
+declare const Tab: import('svelte').Component<Props, {}, ''>;
 type Tab = ReturnType<typeof Tab>;
 export default Tab;

package/dist/components/tabs/components/Tabs.svelte.d.ts

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

package/dist/components/tag/Tag.stories.svelte.d.ts

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

package/dist/components/tag/Tag.svelte

@@ -73,32 +73,30 @@
 
 <style>
 	.outer {
+		display: flex;
 
-    display: flex;
+		align-items: center;
 
-    align-items: center;
+		gap: 0.5rem;
 
-    gap: 0.5rem;
+		overflow: hidden;
 
-    overflow: hidden;
+		text-overflow: ellipsis;
 
-    text-overflow: ellipsis;
+		white-space: nowrap;
 
-    white-space: nowrap;
+		border-radius: 0.25rem;
 
-    border-radius: 0.25rem;
-
-    padding: 0.25rem
-}
+		padding: 0.25rem;
+	}
 
 	svg {
+		height: 1rem;
 
-    height: 1rem;
+		width: 1rem;
 
-    width: 1rem;
+		--tw-text-opacity: 1;
 
-    --tw-text-opacity: 1;
-
-    color: rgb(136 140 148 / var(--tw-text-opacity, 1))
-}
+		color: rgb(136 140 148 / var(--tw-text-opacity, 1));
+	}
 </style>

package/dist/components/tag/Tag.svelte.d.ts

@@ -1,11 +1,15 @@
 import type { Snippet } from 'svelte';
-declare const Tag: import("svelte").Component<{
-    children: Snippet;
-    variant?: "default" | "outline" | "transparent";
-    size?: "sm" | "md";
-    tooltip?: string;
-    onclick?: (event: MouseEvent) => void;
-    class?: string;
-}, {}, "">;
+declare const Tag: import('svelte').Component<
+	{
+		children: Snippet;
+		variant?: 'default' | 'outline' | 'transparent';
+		size?: 'sm' | 'md';
+		tooltip?: string;
+		onclick?: (event: MouseEvent) => void;
+		class?: string;
+	},
+	{},
+	''
+>;
 type Tag = ReturnType<typeof Tag>;
 export default Tag;

package/dist/components/toggle/Toggle.stories.svelte.d.ts

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

@@ -20,14 +20,14 @@
 		display: inline-block;
 		height: 1.25rem;
 		width: 2.25rem;
-}
+	}
 
 	/* Hide default HTML checkbox */
 	.switch input {
 		height: 0px;
 		width: 0px;
 		opacity: 0;
-}
+	}
 
 	/* The slider */
 	.slider {
@@ -38,7 +38,7 @@
 		right: 0;
 		bottom: 0;
 		transition: 0.1s;
-		background-color: #12192A26;
+		background-color: #12192a26;
 	}
 
 	.slider:before {
@@ -56,7 +56,7 @@
 	input:checked + .slider {
 		--tw-bg-opacity: 1;
 		background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
-}
+	}
 
 	input:checked + .slider:before {
 		transform: translateX(16px);
@@ -65,9 +65,9 @@
 	/* Rounded sliders */
 	.slider.round {
 		border-radius: var(--rounded-badge, 1.9rem);
-}
+	}
 
 	.slider.round:before {
 		border-radius: 9999px;
-}
+	}
 </style>

package/dist/components/toggle/Toggle.svelte.d.ts

@@ -1,7 +1,11 @@
-declare const Toggle: import("svelte").Component<{
-    value?: boolean;
-    onclick?: (event?: MouseEvent) => void;
-    id: string;
-}, {}, "value">;
+declare const Toggle: import('svelte').Component<
+	{
+		value?: boolean;
+		onclick?: (event?: MouseEvent) => void;
+		id: string;
+	},
+	{},
+	'value'
+>;
 type Toggle = ReturnType<typeof Toggle>;
 export default Toggle;

package/dist/components/tooltip/Tooltip.stories.svelte.d.ts

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

@@ -36,14 +36,16 @@
 <style>
 	/* Hack to get the arrow styling to work */
 	:global(.tooltip.with-arrow > :last-child) {
-    pointer-events: none;
-    position: absolute;
-    display: block;
-    height: 0.5rem;
-    width: 0.5rem;
-    --tw-rotate: 45deg;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    border-color: inherit;
-    background-color: inherit
-}
+		pointer-events: none;
+		position: absolute;
+		display: block;
+		height: 0.5rem;
+		width: 0.5rem;
+		--tw-rotate: 45deg;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
+			skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
+			scaleY(var(--tw-scale-y));
+		border-color: inherit;
+		background-color: inherit;
+	}
 </style>

package/dist/components/tooltip/Tooltip.svelte.d.ts

@@ -1,13 +1,13 @@
 import { Tooltip } from 'flowbite-svelte';
 import type { Snippet } from 'svelte';
 interface Props {
-    class?: string;
-    forceOpen?: boolean;
-    showArrow?: boolean;
-    placement?: 'top' | 'right' | 'bottom' | 'left';
-    trigger?: Snippet;
-    content?: Snippet;
+	class?: string;
+	forceOpen?: boolean;
+	showArrow?: boolean;
+	placement?: 'top' | 'right' | 'bottom' | 'left';
+	trigger?: Snippet;
+	content?: Snippet;
 }
-declare const Tooltip: import("svelte").Component<Props, {}, "">;
+declare const Tooltip: import('svelte').Component<Props, {}, ''>;
 type Tooltip = ReturnType<typeof Tooltip>;
 export default Tooltip;

package/dist/fonts/index.d.ts

@@ -1,6 +1,6 @@
 export declare const fonts: {
-    MDSystemMonoRegular: string;
-    MDSystemRegular: string;
-    MDSystemMedium: string;
-    MDSystemSemibold: string;
+	MDSystemMonoRegular: string;
+	MDSystemRegular: string;
+	MDSystemMedium: string;
+	MDSystemSemibold: string;
 };

package/dist/fonts/index.js

@@ -3,8 +3,8 @@ import MDSystemRegular from './MDSystem-Regular.woff2';
 import MDSystemMedium from './MDSystem-Medium.woff2';
 import MDSystemSemibold from './MDSystem-Semibold.woff2';
 export const fonts = {
-    MDSystemMonoRegular,
-    MDSystemRegular,
-    MDSystemMedium,
-    MDSystemSemibold
+	MDSystemMonoRegular,
+	MDSystemRegular,
+	MDSystemMedium,
+	MDSystemSemibold
 };