@reshape-biotech/design-system 0.0.43 → 0.0.45

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 (102) hide show
  1. package/dist/components/avatar/Avatar.svelte.d.ts +4 -4
  2. package/dist/components/banner/Banner.stories.svelte.d.ts +15 -32
  3. package/dist/components/banner/Banner.svelte +6 -6
  4. package/dist/components/banner/Banner.svelte.d.ts +6 -6
  5. package/dist/components/button/Button.stories.svelte.d.ts +15 -32
  6. package/dist/components/button/Button.svelte +89 -89
  7. package/dist/components/button/Button.svelte.d.ts +14 -18
  8. package/dist/components/datepicker/DatePicker.svelte +12 -13
  9. package/dist/components/datepicker/DatePicker.svelte.d.ts +3 -3
  10. package/dist/components/divider/Divider.stories.svelte.d.ts +23 -44
  11. package/dist/components/divider/Divider.svelte.d.ts +2 -2
  12. package/dist/components/drawer/Drawer.stories.svelte.d.ts +23 -44
  13. package/dist/components/drawer/Drawer.svelte.d.ts +7 -7
  14. package/dist/components/drawer/DrawerLabel.svelte +25 -23
  15. package/dist/components/drawer/DrawerLabel.svelte.d.ts +4 -4
  16. package/dist/components/dropdown/Dropdown.stories.svelte.d.ts +23 -44
  17. package/dist/components/dropdown/Dropdown.svelte.d.ts +17 -23
  18. package/dist/components/dropdown/components/DropdownContent.svelte +1 -4
  19. package/dist/components/dropdown/components/DropdownContent.svelte.d.ts +4 -4
  20. package/dist/components/dropdown/components/DropdownMenu.svelte +2 -2
  21. package/dist/components/dropdown/components/DropdownMenu.svelte.d.ts +3 -3
  22. package/dist/components/dropdown/components/DropdownTrigger.svelte.d.ts +6 -6
  23. package/dist/components/dropdown/components/OutlinedButton.svelte +29 -27
  24. package/dist/components/dropdown/components/OutlinedButton.svelte.d.ts +3 -3
  25. package/dist/components/icon-button/IconButton.stories.svelte +56 -26
  26. package/dist/components/icon-button/IconButton.stories.svelte.d.ts +15 -32
  27. package/dist/components/icon-button/IconButton.svelte +96 -29
  28. package/dist/components/icon-button/IconButton.svelte.d.ts +11 -9
  29. package/dist/components/image/Image.svelte +3 -3
  30. package/dist/components/image/Image.svelte.d.ts +3 -3
  31. package/dist/components/input/Input.stories.svelte.d.ts +23 -44
  32. package/dist/components/input/Input.svelte +32 -26
  33. package/dist/components/input/Input.svelte.d.ts +18 -22
  34. package/dist/components/list/List.stories.svelte.d.ts +15 -32
  35. package/dist/components/list/List.svelte +33 -28
  36. package/dist/components/list/List.svelte.d.ts +15 -24
  37. package/dist/components/logo/Logo.stories.svelte.d.ts +23 -44
  38. package/dist/components/logo/Logo.svelte.d.ts +2 -2
  39. package/dist/components/markdown/Markdown.stories.svelte.d.ts +23 -44
  40. package/dist/components/markdown/Markdown.svelte.d.ts +2 -2
  41. package/dist/components/modal/Modal.stories.svelte.d.ts +15 -32
  42. package/dist/components/modal/Modal.svelte +12 -12
  43. package/dist/components/modal/Modal.svelte.d.ts +12 -16
  44. package/dist/components/notification-popup/NotificationPopup.stories.svelte.d.ts +23 -44
  45. package/dist/components/notification-popup/NotificationPopup.svelte.d.ts +6 -6
  46. package/dist/components/pill/Pill.svelte +3 -3
  47. package/dist/components/pill/Pill.svelte.d.ts +6 -6
  48. package/dist/components/progress-circle/ProgressCircle.svelte +10 -6
  49. package/dist/components/progress-circle/ProgressCircle.svelte.d.ts +3 -3
  50. package/dist/components/segmented-control-buttons/ControlButton.svelte +10 -10
  51. package/dist/components/segmented-control-buttons/ControlButton.svelte.d.ts +8 -8
  52. package/dist/components/segmented-control-buttons/SegmentedControlButtons.stories.svelte.d.ts +15 -32
  53. package/dist/components/segmented-control-buttons/SegmentedControlButtons.svelte.d.ts +6 -10
  54. package/dist/components/select/Select.stories.svelte.d.ts +15 -32
  55. package/dist/components/select/Select.svelte +5 -5
  56. package/dist/components/select/Select.svelte.d.ts +56 -81
  57. package/dist/components/select/index.d.ts +4 -4
  58. package/dist/components/skeleton-loader/SkeletonLoader.stories.svelte.d.ts +23 -44
  59. package/dist/components/skeleton-loader/SkeletonLoader.svelte.d.ts +7 -11
  60. package/dist/components/skeleton-loader/StatcardSkeleton.svelte.d.ts +15 -32
  61. package/dist/components/skeleton-loader/components/Skeleton.svelte.d.ts +3 -3
  62. package/dist/components/skeleton-loader/components/SkeletonImage.svelte.d.ts +23 -44
  63. package/dist/components/slider/Slider.stories.svelte.d.ts +23 -44
  64. package/dist/components/slider/Slider.svelte +13 -15
  65. package/dist/components/slider/Slider.svelte.d.ts +26 -43
  66. package/dist/components/spinner/Spinner.svelte.d.ts +2 -2
  67. package/dist/components/stat-card/StatCard.stories.svelte.d.ts +23 -44
  68. package/dist/components/stat-card/StatCard.svelte.d.ts +6 -6
  69. package/dist/components/status-badge/StatusBadge.stories.svelte.d.ts +15 -32
  70. package/dist/components/status-badge/StatusBadge.svelte +73 -73
  71. package/dist/components/status-badge/StatusBadge.svelte.d.ts +7 -7
  72. package/dist/components/table/Table.stories.svelte.d.ts +18 -35
  73. package/dist/components/table/Table.svelte +5 -5
  74. package/dist/components/table/Table.svelte.d.ts +11 -13
  75. package/dist/components/table/components/TBody.svelte.d.ts +3 -3
  76. package/dist/components/table/components/THead.svelte.d.ts +3 -3
  77. package/dist/components/table/components/Td.svelte.d.ts +3 -3
  78. package/dist/components/table/components/Th.svelte.d.ts +3 -3
  79. package/dist/components/table/components/Tr.svelte +11 -11
  80. package/dist/components/table/components/Tr.svelte.d.ts +3 -3
  81. package/dist/components/tabs/Tabs.stories.svelte.d.ts +23 -44
  82. package/dist/components/tabs/Tabs.svelte.d.ts +6 -10
  83. package/dist/components/tabs/components/Content.svelte.d.ts +4 -4
  84. package/dist/components/tabs/components/Tab.svelte.d.ts +5 -5
  85. package/dist/components/tabs/components/Tabs.svelte.d.ts +3 -3
  86. package/dist/components/tag/Tag.stories.svelte.d.ts +15 -32
  87. package/dist/components/tag/Tag.svelte +16 -14
  88. package/dist/components/tag/Tag.svelte.d.ts +8 -12
  89. package/dist/components/toggle/Toggle.stories.svelte.d.ts +23 -44
  90. package/dist/components/toggle/Toggle.svelte +6 -6
  91. package/dist/components/toggle/Toggle.svelte.d.ts +5 -9
  92. package/dist/components/tooltip/Tooltip.stories.svelte.d.ts +23 -44
  93. package/dist/components/tooltip/Tooltip.svelte +10 -12
  94. package/dist/components/tooltip/Tooltip.svelte.d.ts +7 -7
  95. package/dist/fonts/index.d.ts +4 -4
  96. package/dist/fonts/index.js +4 -4
  97. package/dist/tailwind.d.ts +1 -14
  98. package/dist/tailwind.preset.d.ts +327 -330
  99. package/dist/tailwind.preset.js +47 -47
  100. package/dist/tokens.d.ts +558 -558
  101. package/dist/tokens.js +237 -237
  102. package/package.json +1 -1
@@ -1,10 +1,10 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  interface Props {
3
- active?: boolean;
4
- onClick: () => void;
5
- class?: string;
6
- children?: Snippet;
3
+ active?: boolean;
4
+ onClick: () => void;
5
+ class?: string;
6
+ children?: Snippet;
7
7
  }
8
- declare const Tab: import('svelte').Component<Props, {}, ''>;
8
+ declare const Tab: import("svelte").Component<Props, {}, "">;
9
9
  type Tab = ReturnType<typeof Tab>;
10
10
  export default Tab;
@@ -1,8 +1,8 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  interface Props {
3
- class?: string;
4
- children?: Snippet;
3
+ class?: string;
4
+ children?: Snippet;
5
5
  }
6
- declare const Tabs: import('svelte').Component<Props, {}, ''>;
6
+ declare const Tabs: import("svelte").Component<Props, {}, "">;
7
7
  type Tabs = ReturnType<typeof Tabs>;
8
8
  export default Tabs;
@@ -1,36 +1,19 @@
1
1
  import Tag from './Tag.svelte';
2
- interface $$__sveltets_2_IsomorphicComponent<
3
- Props extends Record<string, any> = any,
4
- Events extends Record<string, any> = any,
5
- Slots extends Record<string, any> = any,
6
- Exports = {},
7
- Bindings = string
8
- > {
9
- new (
10
- options: import('svelte').ComponentConstructorOptions<Props>
11
- ): import('svelte').SvelteComponent<Props, Events, Slots> & {
12
- $$bindings?: Bindings;
13
- } & Exports;
14
- (
15
- internal: unknown,
16
- props: {
17
- $$events?: Events;
18
- $$slots?: Slots;
19
- }
20
- ): Exports & {
21
- $set?: any;
22
- $on?: any;
23
- };
24
- z_$$bindings?: Bindings;
2
+ 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> {
3
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
+ $$bindings?: Bindings;
5
+ } & Exports;
6
+ (internal: unknown, props: {
7
+ $$events?: Events;
8
+ $$slots?: Slots;
9
+ }): Exports & {
10
+ $set?: any;
11
+ $on?: any;
12
+ };
13
+ z_$$bindings?: Bindings;
25
14
  }
26
- declare const Tag: $$__sveltets_2_IsomorphicComponent<
27
- Record<string, never>,
28
- {
29
- [evt: string]: CustomEvent<any>;
30
- },
31
- {},
32
- {},
33
- string
34
- >;
15
+ declare const Tag: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
16
+ [evt: string]: CustomEvent<any>;
17
+ }, {}, {}, string>;
35
18
  type Tag = InstanceType<typeof Tag>;
36
19
  export default Tag;
@@ -73,30 +73,32 @@
73
73
 
74
74
  <style>
75
75
  .outer {
76
- display: flex;
77
76
 
78
- align-items: center;
77
+ display: flex;
79
78
 
80
- gap: 0.5rem;
79
+ align-items: center;
81
80
 
82
- overflow: hidden;
81
+ gap: 0.5rem;
83
82
 
84
- text-overflow: ellipsis;
83
+ overflow: hidden;
85
84
 
86
- white-space: nowrap;
85
+ text-overflow: ellipsis;
87
86
 
88
- border-radius: 0.25rem;
87
+ white-space: nowrap;
89
88
 
90
- padding: 0.25rem;
91
- }
89
+ border-radius: 0.25rem;
90
+
91
+ padding: 0.25rem
92
+ }
92
93
 
93
94
  svg {
94
- height: 1rem;
95
95
 
96
- width: 1rem;
96
+ height: 1rem;
97
97
 
98
- --tw-text-opacity: 1;
98
+ width: 1rem;
99
99
 
100
- color: rgb(136 140 148 / var(--tw-text-opacity, 1));
101
- }
100
+ --tw-text-opacity: 1;
101
+
102
+ color: rgb(136 140 148 / var(--tw-text-opacity, 1))
103
+ }
102
104
  </style>
@@ -1,15 +1,11 @@
1
1
  import type { Snippet } from 'svelte';
2
- declare const Tag: import('svelte').Component<
3
- {
4
- children: Snippet;
5
- variant?: 'default' | 'outline' | 'transparent';
6
- size?: 'sm' | 'md';
7
- tooltip?: string;
8
- onclick?: (event: MouseEvent) => void;
9
- class?: string;
10
- },
11
- {},
12
- ''
13
- >;
2
+ declare const Tag: import("svelte").Component<{
3
+ children: Snippet;
4
+ variant?: "default" | "outline" | "transparent";
5
+ size?: "sm" | "md";
6
+ tooltip?: string;
7
+ onclick?: (event: MouseEvent) => void;
8
+ class?: string;
9
+ }, {}, "">;
14
10
  type Tag = ReturnType<typeof Tag>;
15
11
  export default Tag;
@@ -1,48 +1,27 @@
1
1
  export default Toggle;
2
- type Toggle = SvelteComponent<
3
- {
4
- [x: string]: never;
5
- },
6
- {
7
- [evt: string]: CustomEvent<any>;
8
- },
9
- {}
10
- > & {
11
- $$bindings?: string | undefined;
2
+ type Toggle = SvelteComponent<{
3
+ [x: string]: never;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
12
8
  };
13
- declare const Toggle: $$__sveltets_2_IsomorphicComponent<
14
- {
15
- [x: string]: never;
16
- },
17
- {
18
- [evt: string]: CustomEvent<any>;
19
- },
20
- {},
21
- {},
22
- string
23
- >;
9
+ declare const Toggle: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: never;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
24
14
  import Toggle from './Toggle.svelte';
25
- interface $$__sveltets_2_IsomorphicComponent<
26
- Props extends Record<string, any> = any,
27
- Events extends Record<string, any> = any,
28
- Slots extends Record<string, any> = any,
29
- Exports = {},
30
- Bindings = string
31
- > {
32
- new (
33
- options: import('svelte').ComponentConstructorOptions<Props>
34
- ): import('svelte').SvelteComponent<Props, Events, Slots> & {
35
- $$bindings?: Bindings;
36
- } & Exports;
37
- (
38
- internal: unknown,
39
- props: {
40
- $$events?: Events;
41
- $$slots?: Slots;
42
- }
43
- ): Exports & {
44
- $set?: any;
45
- $on?: any;
46
- };
47
- z_$$bindings?: Bindings;
15
+ 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> {
16
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
17
+ $$bindings?: Bindings;
18
+ } & Exports;
19
+ (internal: unknown, props: {
20
+ $$events?: Events;
21
+ $$slots?: Slots;
22
+ }): Exports & {
23
+ $set?: any;
24
+ $on?: any;
25
+ };
26
+ z_$$bindings?: Bindings;
48
27
  }
@@ -20,14 +20,14 @@
20
20
  display: inline-block;
21
21
  height: 1.25rem;
22
22
  width: 2.25rem;
23
- }
23
+ }
24
24
 
25
25
  /* Hide default HTML checkbox */
26
26
  .switch input {
27
27
  height: 0px;
28
28
  width: 0px;
29
29
  opacity: 0;
30
- }
30
+ }
31
31
 
32
32
  /* The slider */
33
33
  .slider {
@@ -38,7 +38,7 @@
38
38
  right: 0;
39
39
  bottom: 0;
40
40
  transition: 0.1s;
41
- background-color: #12192a26;
41
+ background-color: #12192A26;
42
42
  }
43
43
 
44
44
  .slider:before {
@@ -56,7 +56,7 @@
56
56
  input:checked + .slider {
57
57
  --tw-bg-opacity: 1;
58
58
  background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
59
- }
59
+ }
60
60
 
61
61
  input:checked + .slider:before {
62
62
  transform: translateX(16px);
@@ -65,9 +65,9 @@
65
65
  /* Rounded sliders */
66
66
  .slider.round {
67
67
  border-radius: var(--rounded-badge, 1.9rem);
68
- }
68
+ }
69
69
 
70
70
  .slider.round:before {
71
71
  border-radius: 9999px;
72
- }
72
+ }
73
73
  </style>
@@ -1,11 +1,7 @@
1
- declare const Toggle: import('svelte').Component<
2
- {
3
- value?: boolean;
4
- onclick?: (event?: MouseEvent) => void;
5
- id: string;
6
- },
7
- {},
8
- 'value'
9
- >;
1
+ declare const Toggle: import("svelte").Component<{
2
+ value?: boolean;
3
+ onclick?: (event?: MouseEvent) => void;
4
+ id: string;
5
+ }, {}, "value">;
10
6
  type Toggle = ReturnType<typeof Toggle>;
11
7
  export default Toggle;
@@ -1,48 +1,27 @@
1
1
  export default Tooltip;
2
- type Tooltip = SvelteComponent<
3
- {
4
- [x: string]: never;
5
- },
6
- {
7
- [evt: string]: CustomEvent<any>;
8
- },
9
- {}
10
- > & {
11
- $$bindings?: string | undefined;
2
+ type Tooltip = SvelteComponent<{
3
+ [x: string]: never;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
12
8
  };
13
- declare const Tooltip: $$__sveltets_2_IsomorphicComponent<
14
- {
15
- [x: string]: never;
16
- },
17
- {
18
- [evt: string]: CustomEvent<any>;
19
- },
20
- {},
21
- {},
22
- string
23
- >;
9
+ declare const Tooltip: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: never;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
24
14
  import Tooltip from './Tooltip.svelte';
25
- interface $$__sveltets_2_IsomorphicComponent<
26
- Props extends Record<string, any> = any,
27
- Events extends Record<string, any> = any,
28
- Slots extends Record<string, any> = any,
29
- Exports = {},
30
- Bindings = string
31
- > {
32
- new (
33
- options: import('svelte').ComponentConstructorOptions<Props>
34
- ): import('svelte').SvelteComponent<Props, Events, Slots> & {
35
- $$bindings?: Bindings;
36
- } & Exports;
37
- (
38
- internal: unknown,
39
- props: {
40
- $$events?: Events;
41
- $$slots?: Slots;
42
- }
43
- ): Exports & {
44
- $set?: any;
45
- $on?: any;
46
- };
47
- z_$$bindings?: Bindings;
15
+ 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> {
16
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
17
+ $$bindings?: Bindings;
18
+ } & Exports;
19
+ (internal: unknown, props: {
20
+ $$events?: Events;
21
+ $$slots?: Slots;
22
+ }): Exports & {
23
+ $set?: any;
24
+ $on?: any;
25
+ };
26
+ z_$$bindings?: Bindings;
48
27
  }
@@ -36,16 +36,14 @@
36
36
  <style>
37
37
  /* Hack to get the arrow styling to work */
38
38
  :global(.tooltip.with-arrow > :last-child) {
39
- pointer-events: none;
40
- position: absolute;
41
- display: block;
42
- height: 0.5rem;
43
- width: 0.5rem;
44
- --tw-rotate: 45deg;
45
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
46
- skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
47
- scaleY(var(--tw-scale-y));
48
- border-color: inherit;
49
- background-color: inherit;
50
- }
39
+ pointer-events: none;
40
+ position: absolute;
41
+ display: block;
42
+ height: 0.5rem;
43
+ width: 0.5rem;
44
+ --tw-rotate: 45deg;
45
+ 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));
46
+ border-color: inherit;
47
+ background-color: inherit
48
+ }
51
49
  </style>
@@ -1,13 +1,13 @@
1
1
  import { Tooltip } from 'flowbite-svelte';
2
2
  import type { Snippet } from 'svelte';
3
3
  interface Props {
4
- class?: string;
5
- forceOpen?: boolean;
6
- showArrow?: boolean;
7
- placement?: 'top' | 'right' | 'bottom' | 'left';
8
- trigger?: Snippet;
9
- content?: Snippet;
4
+ class?: string;
5
+ forceOpen?: boolean;
6
+ showArrow?: boolean;
7
+ placement?: 'top' | 'right' | 'bottom' | 'left';
8
+ trigger?: Snippet;
9
+ content?: Snippet;
10
10
  }
11
- declare const Tooltip: import('svelte').Component<Props, {}, ''>;
11
+ declare const Tooltip: import("svelte").Component<Props, {}, "">;
12
12
  type Tooltip = ReturnType<typeof Tooltip>;
13
13
  export default Tooltip;
@@ -1,6 +1,6 @@
1
1
  export declare const fonts: {
2
- MDSystemMonoRegular: string;
3
- MDSystemRegular: string;
4
- MDSystemMedium: string;
5
- MDSystemSemibold: string;
2
+ MDSystemMonoRegular: string;
3
+ MDSystemRegular: string;
4
+ MDSystemMedium: string;
5
+ MDSystemSemibold: string;
6
6
  };
@@ -3,8 +3,8 @@ import MDSystemRegular from './MDSystem-Regular.woff2';
3
3
  import MDSystemMedium from './MDSystem-Medium.woff2';
4
4
  import MDSystemSemibold from './MDSystem-Semibold.woff2';
5
5
  export const fonts = {
6
- MDSystemMonoRegular,
7
- MDSystemRegular,
8
- MDSystemMedium,
9
- MDSystemSemibold
6
+ MDSystemMonoRegular,
7
+ MDSystemRegular,
8
+ MDSystemMedium,
9
+ MDSystemSemibold
10
10
  };
@@ -8,17 +8,4 @@ export type Margin = Tailwindest['margin'];
8
8
  export type Padding = Tailwindest['padding'];
9
9
  export type JustifyContent = Tailwindest['justifyContent'];
10
10
  export type Rounding = Tailwindest['borderRadius'];
11
- export type ButtonVariant =
12
- | 'btn-neutral'
13
- | 'btn-primary'
14
- | 'btn-secondary'
15
- | 'btn-accent'
16
- | 'btn-info'
17
- | 'btn-success'
18
- | 'btn-warning'
19
- | 'btn-error'
20
- | 'btn-ghost'
21
- | 'btn-link'
22
- | 'btn-outline'
23
- | 'btn-active'
24
- | 'btn-disabled';
11
+ export type ButtonVariant = 'btn-neutral' | 'btn-primary' | 'btn-secondary' | 'btn-accent' | 'btn-info' | 'btn-success' | 'btn-warning' | 'btn-error' | 'btn-ghost' | 'btn-link' | 'btn-outline' | 'btn-active' | 'btn-disabled';