@reshape-biotech/design-system 0.0.48 → 0.0.50

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.
Files changed (43) hide show
  1. package/dist/components/activity/Activity.stories.svelte +10 -4
  2. package/dist/components/activity/Activity.svelte +11 -12
  3. package/dist/components/activity/Activity.svelte.d.ts +1 -2
  4. package/dist/components/avatar/Avatar.stories.svelte +51 -0
  5. package/dist/components/avatar/Avatar.stories.svelte.d.ts +19 -0
  6. package/dist/components/banner/Banner.stories.svelte +9 -9
  7. package/dist/components/banner/Banner.svelte +3 -3
  8. package/dist/components/button/Button.stories.svelte +7 -1
  9. package/dist/components/collapsible/components/collapsible-trigger.svelte +2 -2
  10. package/dist/components/combobox/Combobox.stories.svelte +326 -5
  11. package/dist/components/combobox/components/combobox-add.svelte +2 -2
  12. package/dist/components/combobox/components/combobox-content.svelte +3 -3
  13. package/dist/components/combobox/components/combobox-indicator.svelte +2 -2
  14. package/dist/components/datepicker/DatePicker.stories.svelte +227 -0
  15. package/dist/components/datepicker/DatePicker.stories.svelte.d.ts +19 -0
  16. package/dist/components/datepicker/DatePicker.svelte +8 -7
  17. package/dist/components/icon-button/IconButton.stories.svelte +17 -17
  18. package/dist/components/icons/AnalysisIcon.svelte +4 -1
  19. package/dist/components/icons/Icon.stories.svelte +127 -0
  20. package/dist/components/icons/Icon.stories.svelte.d.ts +19 -0
  21. package/dist/components/icons/Icon.svelte +6 -5
  22. package/dist/components/icons/index.d.ts +7 -5
  23. package/dist/components/icons/index.js +170 -4
  24. package/dist/components/input/Input.stories.svelte +7 -1
  25. package/dist/components/list/List.stories.svelte +3 -3
  26. package/dist/components/modal/Modal.svelte +2 -2
  27. package/dist/components/notification-popup/NotificationPopup.stories.svelte +2 -3
  28. package/dist/components/notification-popup/NotificationPopup.svelte +4 -4
  29. package/dist/components/pill/Pill.svelte +2 -2
  30. package/dist/components/segmented-control-buttons/SegmentedControlButtons.stories.svelte +10 -10
  31. package/dist/components/select/Select.svelte +5 -5
  32. package/dist/components/slider/Slider.svelte +4 -3
  33. package/dist/components/stat-card/StatCard.svelte +2 -2
  34. package/dist/components/status-badge/StatusBadge.stories.svelte +26 -34
  35. package/dist/components/table/Table.stories.svelte +6 -2
  36. package/dist/components/tag/Tag.stories.svelte +2 -2
  37. package/dist/components/tooltip/Tooltip.svelte +1 -1
  38. package/dist/components/tooltip/Tooltip.svelte.d.ts +1 -1
  39. package/dist/icons.d.ts +0 -0
  40. package/dist/icons.js +0 -0
  41. package/dist/index.d.ts +1 -1
  42. package/dist/index.js +1 -1
  43. package/package.json +3 -2
@@ -8,7 +8,7 @@
8
8
  tags: ['autodocs']
9
9
  });
10
10
  import IconButton from '../icon-button/IconButton.svelte';
11
- import { Phone } from 'phosphor-svelte';
11
+ import { Icon } from '../icons';
12
12
 
13
13
  export const users = [
14
14
  {
@@ -81,7 +81,11 @@
81
81
  <Td>{user.name}</Td>
82
82
  <Td>{user.age}</Td>
83
83
  <Td>{user.role}</Td>
84
- <Td><IconButton disabled={user.role === 'deactivated'}><Phone /></IconButton></Td>
84
+ <Td>
85
+ <IconButton disabled={user.role === 'deactivated'}>
86
+ <Icon iconName="Phone" />
87
+ </IconButton>
88
+ </Td>
85
89
  </Tr>
86
90
  {/each}
87
91
  </TBody>
@@ -1,5 +1,5 @@
1
1
  <script module lang="ts">
2
- import { Folder } from 'phosphor-svelte';
2
+ import { Icon } from '../icons';
3
3
  import Tag from './Tag.svelte';
4
4
  import { defineMeta } from '@storybook/addon-svelte-csf';
5
5
 
@@ -28,7 +28,7 @@
28
28
  <Story name="Default icon onclick">
29
29
  <div class="w-fit">
30
30
  <Tag onclick={() => {}}>
31
- <Folder />
31
+ <Icon iconName="Folder" />
32
32
  Default
33
33
  </Tag>
34
34
  </div>
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { Tooltip } from 'flowbite-svelte';
2
+ import Tooltip from 'flowbite-svelte/Tooltip.svelte';
3
3
  import type { Snippet } from 'svelte';
4
4
 
5
5
  interface Props {
@@ -1,4 +1,4 @@
1
- import { Tooltip } from 'flowbite-svelte';
1
+ import Tooltip from 'flowbite-svelte/Tooltip.svelte';
2
2
  import type { Snippet } from 'svelte';
3
3
  interface Props {
4
4
  class?: string;
File without changes
package/dist/icons.js ADDED
File without changes
package/dist/index.d.ts CHANGED
@@ -4,7 +4,7 @@ export * from './components/banner/';
4
4
  export * from './components/button/';
5
5
  export * as Collapsible from './components/collapsible/';
6
6
  export * as Combobox from './components/combobox/';
7
- export * from './components/graphs/';
7
+ export * from './components/graphs';
8
8
  export * from './components/datepicker/';
9
9
  export * from './components/divider/';
10
10
  export * from './components/drawer/';
package/dist/index.js CHANGED
@@ -5,7 +5,7 @@ export * from './components/banner/';
5
5
  export * from './components/button/';
6
6
  export * as Collapsible from './components/collapsible/';
7
7
  export * as Combobox from './components/combobox/';
8
- export * from './components/graphs/';
8
+ export * from './components/graphs';
9
9
  export * from './components/datepicker/';
10
10
  export * from './components/divider/';
11
11
  export * from './components/drawer/';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reshape-biotech/design-system",
3
- "version": "0.0.48",
3
+ "version": "0.0.50",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build",
@@ -36,7 +36,8 @@
36
36
  "svelte": "^5.0.0",
37
37
  "marked": "^15.0.0",
38
38
  "luxon": "^3.5.0",
39
- "svelte-select": "^5.8.1"
39
+ "svelte-select": "^5.8.1",
40
+ "echarts": "^5.6.0"
40
41
  },
41
42
  "devDependencies": {
42
43
  "@eslint/compat": "^1.2.3",