@reshape-biotech/design-system 0.0.32 → 0.0.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/banner/Banner.stories.svelte +1 -1
- package/dist/components/drawer/Drawer.stories.svelte +6 -11
- package/dist/components/drawer/Drawer.svelte +3 -4
- package/dist/components/drawer/Drawer.svelte.d.ts +7 -2
- package/dist/components/icon-button/IconButton.stories.svelte +1 -1
- package/dist/components/list/List.stories.svelte +1 -1
- package/dist/components/modal/Modal.stories.svelte +2 -2
- package/dist/components/table/Table.stories.svelte +1 -1
- package/package.json +3 -3
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script module lang="ts">
|
|
2
2
|
import { Info, Warning as WarningIcon } from 'phosphor-svelte';
|
|
3
3
|
import Banner from './Banner.svelte';
|
|
4
|
+
import Button from '../button/Button.svelte';
|
|
4
5
|
import { defineMeta } from '@storybook/addon-svelte-csf';
|
|
5
|
-
import Button from 'design-system/components/button/Button.svelte';
|
|
6
6
|
|
|
7
7
|
const { Story } = defineMeta({
|
|
8
8
|
component: Banner,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
<script module>
|
|
2
2
|
import { defineMeta } from '@storybook/addon-svelte-csf';
|
|
3
|
-
import Button from 'design-system/components/button/Button.svelte';
|
|
4
3
|
import Drawer from './Drawer.svelte';
|
|
5
4
|
|
|
6
5
|
const { Story } = defineMeta({
|
|
@@ -37,11 +36,9 @@
|
|
|
37
36
|
<div class="py-12">
|
|
38
37
|
<Drawer id="my-drawer" open controlled>
|
|
39
38
|
{#snippet trigger({ C })}
|
|
40
|
-
<
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
</C.DrawerLabel>
|
|
44
|
-
</div>
|
|
39
|
+
<C.DrawerLabel id="my-drawer" classes="btn btn-primary rounded-full "
|
|
40
|
+
>Open Drawer
|
|
41
|
+
</C.DrawerLabel>
|
|
45
42
|
{/snippet}
|
|
46
43
|
{#snippet content()}
|
|
47
44
|
<div>
|
|
@@ -58,11 +55,9 @@
|
|
|
58
55
|
<div class="py-12">
|
|
59
56
|
<Drawer id="my-drawer" side="left">
|
|
60
57
|
{#snippet trigger({ C })}
|
|
61
|
-
<
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
</C.DrawerLabel>
|
|
65
|
-
</div>
|
|
58
|
+
<C.DrawerLabel id="my-drawer" classes="btn btn-primary rounded-full "
|
|
59
|
+
>Open Drawer
|
|
60
|
+
</C.DrawerLabel>
|
|
66
61
|
{/snippet}
|
|
67
62
|
{#snippet content()}
|
|
68
63
|
<div>
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
// Open only works when controlled is true
|
|
9
9
|
open?: boolean;
|
|
10
10
|
side?: 'left' | 'right';
|
|
11
|
-
trigger?: Snippet<[
|
|
12
|
-
content
|
|
11
|
+
trigger?: Snippet<[{ C: { DrawerLabel: typeof DrawerLabel } }]>;
|
|
12
|
+
content: Snippet;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
let {
|
|
@@ -33,13 +33,12 @@
|
|
|
33
33
|
{/if}
|
|
34
34
|
|
|
35
35
|
<div class="drawer-content">
|
|
36
|
-
<!-- Page content here -->
|
|
37
36
|
{@render trigger?.({ C })}
|
|
38
37
|
</div>
|
|
39
38
|
<div class="drawer-side" inert={controlled ? !open : false}>
|
|
40
39
|
<label for={id} aria-label="close sidebar" class="drawer-overlay"></label>
|
|
41
40
|
<div class="h-screen bg-base sm:w-[460px]">
|
|
42
|
-
{@render content
|
|
41
|
+
{@render content()}
|
|
43
42
|
</div>
|
|
44
43
|
</div>
|
|
45
44
|
</div>
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
|
+
import DrawerLabel from './DrawerLabel.svelte';
|
|
2
3
|
interface Props {
|
|
3
4
|
id: string;
|
|
4
5
|
controlled?: boolean;
|
|
5
6
|
open?: boolean;
|
|
6
7
|
side?: 'left' | 'right';
|
|
7
|
-
trigger?: Snippet<[
|
|
8
|
-
|
|
8
|
+
trigger?: Snippet<[{
|
|
9
|
+
C: {
|
|
10
|
+
DrawerLabel: typeof DrawerLabel;
|
|
11
|
+
};
|
|
12
|
+
}]>;
|
|
13
|
+
content: Snippet;
|
|
9
14
|
}
|
|
10
15
|
declare const Drawer: import("svelte").Component<Props, {}, "open">;
|
|
11
16
|
type Drawer = ReturnType<typeof Drawer>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script module lang="ts">
|
|
2
2
|
import { defineMeta } from '@storybook/addon-svelte-csf';
|
|
3
|
-
import IconButton from '
|
|
3
|
+
import IconButton from '../icon-button/IconButton.svelte';
|
|
4
4
|
import { Plus } from 'phosphor-svelte';
|
|
5
5
|
|
|
6
6
|
const { Story } = defineMeta({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script module lang="ts">
|
|
2
2
|
import List from './List.svelte';
|
|
3
|
-
import Tag from '
|
|
3
|
+
import Tag from '../tag/Tag.svelte';
|
|
4
4
|
import { ArrowUpRight } from 'phosphor-svelte';
|
|
5
5
|
import { defineMeta } from '@storybook/addon-svelte-csf';
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script module lang="ts">
|
|
2
|
-
import Button from '
|
|
3
|
-
import Modal from '
|
|
2
|
+
import Button from '../button/Button.svelte';
|
|
3
|
+
import Modal from '../modal/Modal.svelte';
|
|
4
4
|
import ContactSupportModal from './ContactSupportModal.svelte';
|
|
5
5
|
import { defineMeta } from '@storybook/addon-svelte-csf';
|
|
6
6
|
const { Story } = defineMeta({
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
title: 'Design System/Table',
|
|
8
8
|
tags: ['autodocs']
|
|
9
9
|
});
|
|
10
|
-
import IconButton from '
|
|
10
|
+
import IconButton from '../icon-button/IconButton.svelte';
|
|
11
11
|
import { Phone } from 'phosphor-svelte';
|
|
12
12
|
|
|
13
13
|
export const users = [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reshape-biotech/design-system",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.33",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite dev",
|
|
6
6
|
"build": "vite build && npm run package",
|
|
@@ -65,13 +65,13 @@
|
|
|
65
65
|
"publint": "^0.2.0",
|
|
66
66
|
"svelte": "^5.0.0",
|
|
67
67
|
"svelte-check": "^4.0.0",
|
|
68
|
+
"svelte-select": "^5.8.1",
|
|
68
69
|
"tailwindcss": "^3.4.9",
|
|
69
70
|
"typescript": "^5.0.0",
|
|
70
71
|
"typescript-eslint": "^8.0.0",
|
|
71
72
|
"vite": "^5.4.4",
|
|
72
73
|
"vitest": "^2.1.4",
|
|
73
|
-
"marked": "^15.0.0"
|
|
74
|
-
"svelte-select": "^5.8.1"
|
|
74
|
+
"marked": "^15.0.0"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {}
|
|
77
77
|
}
|