@reshape-biotech/design-system 0.0.25 → 0.0.26

package/dist/components/banner/Banner.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { X } from 'phosphor-svelte';
 	import type { Snippet } from 'svelte';
-	import IconButton from '../icon-button/';
+	import { IconButton } from '../icon-button/';
 
 	interface Props {
 		type?: 'neutral' | 'success' | 'progress' | 'warning' | 'error';

package/dist/components/button/index.d.ts

@@ -1 +1 @@
-export { default } from './Button.svelte';
+export { default as Button } from './Button.svelte';

package/dist/components/button/index.js

@@ -1 +1 @@
-export { default } from './Button.svelte';
+export { default as Button } from './Button.svelte';

package/dist/components/icon-button/IconButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import Spinner from '../spinner/';
+	import { Spinner } from '../spinner/';
 
 	type Color = 'primary' | 'secondary' | 'transparent' | 'danger';
 	interface Props {

package/dist/components/icon-button/index.d.ts

@@ -1 +1 @@
-export { default } from './IconButton.svelte';
+export { default as IconButton } from './IconButton.svelte';

package/dist/components/icon-button/index.js

@@ -1 +1 @@
-export { default } from './IconButton.svelte';
+export { default as IconButton } from './IconButton.svelte';

package/dist/components/image/Image.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
-	import SkeletonLoader from '../skeleton-loader/';
+	import { SkeletonLoader } from '../skeleton-loader/';
 
 	interface Props {
 		src: string;

package/dist/components/image/index.d.ts

@@ -1 +1 @@
-export { default } from './Image.svelte';
+export { default as Image } from './Image.svelte';

package/dist/components/image/index.js

@@ -1 +1 @@
-export { default } from './Image.svelte';
+export { default as Image } from './Image.svelte';

package/dist/components/notification-popup/NotificationPopup.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { X } from 'phosphor-svelte';
-	import IconButton from '../icon-button/';
+	import { IconButton } from '../icon-button/';
 	import { fade, fly } from 'svelte/transition';
 	import type { Snippet } from 'svelte';
 

package/dist/components/pill/index.d.ts

@@ -1 +1 @@
-export { default } from './Pill.svelte';
+export { default as Pill } from './Pill.svelte';

package/dist/components/pill/index.js

@@ -1 +1 @@
-export { default } from './Pill.svelte';
+export { default as Pill } from './Pill.svelte';

package/dist/components/progress-circle/index.d.ts

@@ -1 +1 @@
-export { default } from './ProgressCircle.svelte';
+export { default as ProgressCircle } from './ProgressCircle.svelte';

package/dist/components/progress-circle/index.js

@@ -1 +1 @@
-export { default } from './ProgressCircle.svelte';
+export { default as ProgressCircle } from './ProgressCircle.svelte';

package/dist/components/segmented-control-buttons/index.d.ts

@@ -1,2 +1 @@
 export { default as SegmentedControlButtons } from './SegmentedControlButtons.svelte';
-export { default as ControlButton } from './ControlButton.svelte';

package/dist/components/segmented-control-buttons/index.js

@@ -1,2 +1 @@
 export { default as SegmentedControlButtons } from './SegmentedControlButtons.svelte';
-export { default as ControlButton } from './ControlButton.svelte';

package/dist/components/select/Select.svelte

@@ -7,15 +7,15 @@
 	let className = '';
 	export { className as class };
 	import SvelteSelect from 'svelte-select';
-	import type { ItemProps } from '.';
+	import type { SelectItemProps } from '.';
 
 	// Docs: https://github.com/rob-balfre/svelte-select
 
 	const dispatch = createEventDispatcher();
 
-	export let items: ItemProps[] = [];
+	export let items: SelectItemProps[] = [];
 	export let id: string | undefined = undefined;
-	export let value: ItemProps | ItemProps[] | null = null;
+	export let value: SelectItemProps | SelectItemProps[] | null = null;
 	export let searchable = false;
 	export let listOpen = false;
 	export let placeholder: string | undefined = undefined;
@@ -25,9 +25,9 @@
 	export let multiple = false;
 	export let clearable = true;
 	export let required = false;
-	export let onChange: (value: ItemProps | ItemProps[]) => void = () => {};
+	export let onChange: (value: SelectItemProps | SelectItemProps[]) => void = () => {};
 
-	const groupBy = withGroup ? (item: ItemProps) => item.group : undefined;
+	const groupBy = withGroup ? (item: SelectItemProps) => item.group : undefined;
 </script>
 
 <SvelteSelect

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

@@ -1,4 +1,4 @@
-import type { ItemProps } from '.';
+import type { SelectItemProps } from '.';
 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;
@@ -19,9 +19,9 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 } : {});
 declare const Select: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     class?: string;
-    items?: ItemProps[];
+    items?: SelectItemProps[];
     id?: string | undefined;
-    value?: ItemProps | ItemProps[] | null;
+    value?: SelectItemProps | SelectItemProps[] | null;
     searchable?: boolean;
     listOpen?: boolean;
     placeholder?: string | undefined;
@@ -31,7 +31,7 @@ declare const Select: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWit
     multiple?: boolean;
     clearable?: boolean;
     required?: boolean;
-    onChange?: (value: ItemProps | ItemProps[]) => void;
+    onChange?: (value: SelectItemProps | SelectItemProps[]) => void;
 }, {
     'custom-selection': {
         selection: any;

package/dist/components/select/index.d.ts

@@ -1,7 +1,7 @@
-export type ItemProps = {
+export type SelectItemProps = {
     value: string;
     label: string;
     description?: string;
     group?: string;
 };
-export { default } from './Select.svelte';
+export { default as Select } from './Select.svelte';

package/dist/components/select/index.js

@@ -1 +1 @@
-export { default } from './Select.svelte';
+export { default as Select } from './Select.svelte';

package/dist/components/skeleton-loader/SkeletonLoader.stories.svelte

@@ -1,6 +1,7 @@
 <script module>
-	import SkeletonLoader from './index';
-	import { HorizontalCardSkeleton, StatcardSkeleton, ProjectCardSkeleton } from './index';
+	import SkeletonLoader from './SkeletonLoader.svelte';
+	import StatcardSkeleton from './StatcardSkeleton.svelte';
+
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 
 	const { Story } = defineMeta({
@@ -35,22 +36,6 @@
 	</SkeletonLoader>
 </Story>
 
-<Story name="HorizontalCardWithIcon">
-	<div class="flex w-[900px] flex-col gap-4">
-		<HorizontalCardSkeleton />
-		<HorizontalCardSkeleton />
-		<HorizontalCardSkeleton />
-		<HorizontalCardSkeleton />
-	</div>
-</Story>
-<Story name="HorizontalCardWithoutIcon">
-	<div class="flex w-[900px] flex-col gap-4">
-		<HorizontalCardSkeleton withImage={false} />
-		<HorizontalCardSkeleton withImage={false} />
-		<HorizontalCardSkeleton withImage={false} />
-		<HorizontalCardSkeleton withImage={false} />
-	</div>
-</Story>
 <Story name="StatCard">
 	<div class="flex w-[900px] gap-4">
 		<StatcardSkeleton />
@@ -58,14 +43,3 @@
 		<StatcardSkeleton />
 	</div>
 </Story>
-
-<Story name="ProjectCard">
-	<div class="grid grid-cols-2 justify-start gap-2">
-		<ProjectCardSkeleton />
-		<ProjectCardSkeleton />
-		<ProjectCardSkeleton />
-		<ProjectCardSkeleton />
-		<ProjectCardSkeleton />
-		<ProjectCardSkeleton />
-	</div>
-</Story>

package/dist/components/skeleton-loader/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './SkeletonLoader.svelte';
+export { default as SkeletonLoader } from './SkeletonLoader.svelte';
 export { default as StatcardSkeleton } from './StatcardSkeleton.svelte';
 export { default as SkeletonImage } from './components/SkeletonImage.svelte';

package/dist/components/skeleton-loader/index.js

@@ -1,3 +1,3 @@
-export { default } from './SkeletonLoader.svelte';
+export { default as SkeletonLoader } from './SkeletonLoader.svelte';
 export { default as StatcardSkeleton } from './StatcardSkeleton.svelte';
 export { default as SkeletonImage } from './components/SkeletonImage.svelte';

package/dist/components/slider/index.d.ts

@@ -1 +1 @@
-export { default } from './Slider.svelte';
+export { default as Slider } from './Slider.svelte';

package/dist/components/slider/index.js

@@ -1 +1 @@
-export { default } from './Slider.svelte';
+export { default as Slider } from './Slider.svelte';

package/dist/components/spinner/index.d.ts

@@ -1 +1 @@
-export { default } from './Spinner.svelte';
+export { default as Spinner } from './Spinner.svelte';

package/dist/components/spinner/index.js

@@ -1 +1 @@
-export { default } from './Spinner.svelte';
+export { default as Spinner } from './Spinner.svelte';

package/dist/components/stat-card/index.d.ts

@@ -1 +1 @@
-export { default } from './StatCard.svelte';
+export { default as StatCard } from './StatCard.svelte';

package/dist/components/stat-card/index.js

@@ -1 +1 @@
-export { default } from './StatCard.svelte';
+export { default as StatCard } from './StatCard.svelte';

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

@@ -1,7 +1,8 @@
 <script module lang="ts">
-	import StatusBadge from 'design-system/components/status-badge/StatusBadge.svelte';
-	import Tooltip from 'design-system/components/tooltip/Tooltip.svelte';
-	import ProgressCircle from 'design-system/components/progress-circle/ProgressCircle.svelte';
+	import StatusBadge from '../status-badge/StatusBadge.svelte';
+	import Tooltip from '../tooltip/Tooltip.svelte';
+	import ProgressCircle from '../progress-circle/ProgressCircle.svelte';
+	import { defineMeta } from '@storybook/addon-svelte-csf';
 
 	import {
 		SpinnerGap,
@@ -12,7 +13,6 @@
 		WarningCircle
 	} from 'phosphor-svelte';
 
-	import { defineMeta } from '@storybook/addon-svelte-csf';
 	const { Story } = defineMeta({
 		component: StatusBadge,
 		title: 'Design System/StatusBadge',

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Button from '../../button/';
+	import { Button } from '../../button/';
 	import type { Snippet } from 'svelte';
 	interface Props {
 		active?: boolean;

package/dist/components/tabs/index.d.ts

@@ -1 +1 @@
-export { default } from './Tabs.svelte';
+export { default as Tabs } from './Tabs.svelte';

package/dist/components/tabs/index.js

@@ -1 +1 @@
-export { default } from './Tabs.svelte';
+export { default as Tabs } from './Tabs.svelte';

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

@@ -2,6 +2,7 @@
 	import { Folder } from 'phosphor-svelte';
 	import Tag from './Tag.svelte';
 	import { defineMeta } from '@storybook/addon-svelte-csf';
+
 	const { Story } = defineMeta({
 		component: Tag,
 		title: 'Design System/Tag',

package/dist/components/tag/Tag.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import Tooltip from '../tooltip/';
+	import { Tooltip } from '../tooltip/';
 
 	interface Props {
 		children: Snippet;

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

@@ -2,6 +2,7 @@
 	import Tooltip from './Tooltip.svelte';
 
 	import { defineMeta } from '@storybook/addon-svelte-csf';
+
 	const { Story } = defineMeta({
 		component: Tooltip,
 		title: 'Design System/Tooltip',

package/dist/components/tooltip/index.d.ts

@@ -1 +1 @@
-export { default } from './Tooltip.svelte';
+export { default as Tooltip } from './Tooltip.svelte';

package/dist/components/tooltip/index.js

@@ -1 +1 @@
-export { default } from './Tooltip.svelte';
+export { default as Tooltip } from './Tooltip.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reshape-biotech/design-system",
-	"version": "0.0.25",
+	"version": "0.0.26",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",
@@ -37,7 +37,7 @@
 	},
 	"devDependencies": {
 		"@eslint/compat": "^1.2.3",
-		"@storybook/addon-svelte-csf": "^4.2.0",
+		"@storybook/addon-svelte-csf": "^5.0.0-next.11",
 		"@storybook/svelte": "^8.4.7",
 		"@sveltejs/adapter-vercel": "^5.5.0",
 		"@sveltejs/kit": "^2.9.0",
@@ -53,6 +53,8 @@
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.36.0",
 		"globals": "^15.0.0",
+		"luxon": "^3.5.0",
+		"phosphor-svelte": "^3.0.1",
 		"postcss": "^8.4.49",
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.6",