@reshape-biotech/design-system 2.7.3 → 2.7.5

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 (8) hide show
  1. package/dist/components/graphs/bar-chart/BarChart.svelte +21 -14
  2. package/dist/components/graphs/bar-chart/BarChart.svelte.d.ts +3 -0
  3. package/dist/components/graphs/bar-chart/StackedBarChart.svelte +71 -18
  4. package/dist/components/graphs/bar-chart/StackedBarChart.svelte.d.ts +9 -1
  5. package/dist/components/icon-button/IconButton.stories.svelte +16 -16
  6. package/dist/components/select/Select.stories.svelte +2 -2
  7. package/dist/components/toast/Toast.stories.svelte +1 -1
  8. package/package.json +202 -202
package/dist/components/graphs/bar-chart/BarChart.svelte CHANGED
@@ -17,6 +17,9 @@
17
17
  grid?: EChartsOption['grid'];
18
18
  captureInterval?: number;
19
19
  shouldDim?: (key: string) => boolean;
20
+ additionalSeries?: EChartsOption['series'][];
21
+ tooltipFormatter?: (params: any) => string;
22
+ yAxisOptions?: EChartsOption['yAxis'];
20
23
  }
21
24
 
22
25
  let {
@@ -27,7 +30,9 @@
27
30
  yAxisName,
28
31
  captureInterval,
29
32
  shouldDim = () => false,
30
-
33
+ additionalSeries,
34
+ tooltipFormatter,
35
+ yAxisOptions,
31
36
  ...props
32
37
  }: BarChartProps = $props();
33
38
 
@@ -72,24 +77,25 @@
72
77
  };
73
78
 
74
79
  const chartSeries: BarSeriesOption[] = $derived.by(() => {
75
- const seriesData = data.map((item) => item.value);
76
80
  const seriesColors = data.map(
77
81
  (item, index) =>
78
82
  colors?.[item[xAxisName!] as string] ??
79
83
  defaultColorRotationArray[index % defaultColorRotationArray.length]
80
84
  );
81
85
 
82
- const singleSeries: BarSeriesOption[] = [
83
- {
84
- name: yAxisName,
85
- type: 'bar',
86
- data: seriesData.map((value, index) =>
87
- createBarDataItem(value, seriesColors[index], String(data[index][xAxisName!]))
88
- ),
89
- emphasis: { disabled: true },
90
- },
91
- ];
92
- return singleSeries;
86
+ const primarySeries: BarSeriesOption = {
87
+ name: yAxisName,
88
+ type: 'bar',
89
+ data: data.map((item, index) =>
90
+ createBarDataItem(item.value, seriesColors[index], String(item[xAxisName!]))
91
+ ),
92
+ emphasis: { disabled: true },
93
+ };
94
+
95
+ if (!additionalSeries) return [primarySeries];
96
+
97
+ const flattened = additionalSeries.flat().filter((s): s is BarSeriesOption => !!s);
98
+ return [primarySeries, ...flattened];
93
99
  });
94
100
 
95
101
  const formatTooltip = createTooltipFormatter({
@@ -110,7 +116,7 @@
110
116
  borderWidth: 0,
111
117
  borderRadius: 6,
112
118
  extraCssText: `box-shadow: ${boxShadow.menu}`,
113
- formatter: formatTooltip,
119
+ formatter: tooltipFormatter || formatTooltip,
114
120
  },
115
121
  grid: {
116
122
  containLabel: true,
@@ -155,6 +161,7 @@
155
161
  type: 'dashed',
156
162
  },
157
163
  },
164
+ ...(yAxisOptions || {}),
158
165
  },
159
166
  textStyle: {
160
167
  color: textColor['secondary'],
package/dist/components/graphs/bar-chart/BarChart.svelte.d.ts CHANGED
@@ -11,6 +11,9 @@ interface BarChartProps extends Omit<GenericChartProps, 'timeIndex'> {
11
11
  grid?: EChartsOption['grid'];
12
12
  captureInterval?: number;
13
13
  shouldDim?: (key: string) => boolean;
14
+ additionalSeries?: EChartsOption['series'][];
15
+ tooltipFormatter?: (params: any) => string;
16
+ yAxisOptions?: EChartsOption['yAxis'];
14
17
  }
15
18
  declare const BarChart: import("svelte").Component<BarChartProps, {}, "">;
16
19
  type BarChart = ReturnType<typeof BarChart>;
package/dist/components/graphs/bar-chart/StackedBarChart.svelte CHANGED
@@ -4,19 +4,23 @@
4
4
  import type { EChartsOption, BarSeriesOption, CallbackDataParams } from '../../../echarts-config';
5
5
  import { formattedDurationCompact } from '../utils/duration';
6
6
 
7
+ type StackedData = number | null | { value: number | null; itemStyle?: any; emphasis?: any };
7
8
  type StackedSeriesItem = {
8
9
  name: string;
9
- data: (number | null)[];
10
+ data: StackedData[];
10
11
  };
11
12
 
12
13
  interface StackedBarChartProps extends GenericChartProps {
13
14
  xAxisCategories: (string | number)[];
14
15
  series: StackedSeriesItem[];
15
- colors?: Record<string, string>; // Optional: Color mapping per series name
16
+ colors?: Record<string, string>;
16
17
  rotateXAxisLabels?: boolean;
17
18
  grid?: EChartsOption['grid'];
18
19
  captureInterval?: number;
19
20
  shouldDim?: (key: string) => boolean;
21
+ additionalSeries?: EChartsOption['series'][];
22
+ tooltipFormatter?: (params: any) => string;
23
+ yAxisOptions?: EChartsOption['yAxis'];
20
24
  }
21
25
 
22
26
  let {
@@ -26,6 +30,9 @@
26
30
  rotateXAxisLabels = false,
27
31
  captureInterval,
28
32
  shouldDim = () => false,
33
+ additionalSeries,
34
+ tooltipFormatter,
35
+ yAxisOptions,
29
36
  ...props
30
37
  }: StackedBarChartProps = $props();
31
38
 
@@ -56,24 +63,41 @@
56
63
  })
57
64
  : undefined;
58
65
 
59
- const createBarDataItem = (value: number | null, color: string, key: string) => ({
60
- value,
61
- itemStyle: {
62
- color,
63
- borderRadius: 2,
64
- borderWidth: 0.5,
65
- borderColor: borderColor['white'],
66
- opacity: shouldDim(key) ? 0.3 : 1,
67
- },
68
- emphasis: {
69
- disabled: true,
70
- },
71
- });
66
+ const createBarDataItem = (value: StackedData, color: string, key: string) => {
67
+ if (value && typeof value === 'object' && 'value' in value) {
68
+ const existing = value as any;
69
+ const mergedItemStyle = {
70
+ borderRadius: 2,
71
+ borderWidth: 0.5,
72
+ borderColor: borderColor['white'],
73
+ opacity: shouldDim(key) ? 0.3 : 1,
74
+ color,
75
+ ...(existing.itemStyle || {}),
76
+ };
77
+ return {
78
+ ...existing,
79
+ itemStyle: mergedItemStyle,
80
+ emphasis: { disabled: true, ...(existing.emphasis || {}) },
81
+ };
82
+ }
83
+ return {
84
+ value: value as number | null,
85
+ itemStyle: {
86
+ color,
87
+ borderRadius: 2,
88
+ borderWidth: 0.5,
89
+ borderColor: borderColor['white'],
90
+ opacity: shouldDim(key) ? 0.3 : 1,
91
+ },
92
+ emphasis: {
93
+ disabled: true,
94
+ },
95
+ };
96
+ };
72
97
 
73
98
  const chartSeries: BarSeriesOption[] = $derived.by(() => {
74
- return series.map((seriesItem, index): BarSeriesOption => {
99
+ const base = series.map((seriesItem, index): BarSeriesOption => {
75
100
  let seriesColor: string;
76
- // Use provided color for the series name if available, otherwise rotate through defaults
77
101
  if (colors && colors[seriesItem.name]) {
78
102
  seriesColor = colors[seriesItem.name];
79
103
  } else {
@@ -87,6 +111,34 @@
87
111
  data: seriesItem.data.map((val) => createBarDataItem(val, seriesColor, seriesItem.name)),
88
112
  };
89
113
  });
114
+ if (!additionalSeries) return base;
115
+
116
+ const flattened = additionalSeries.flat().filter((s): s is BarSeriesOption => !!s);
117
+
118
+ const primaryStack = base[0]?.stack || 'total';
119
+
120
+ const adjusted = flattened.map((s) => {
121
+ if (s.type === 'bar') {
122
+ const anyData =
123
+ Array.isArray(s.data) && s.data.some((d) => !!d && (d as any).value != null);
124
+ if (!anyData) {
125
+ return {
126
+ stack: primaryStack,
127
+ barGap: '-100%',
128
+ silent: true,
129
+ ...s,
130
+ } as BarSeriesOption;
131
+ }
132
+ return {
133
+ stack: primaryStack,
134
+ barGap: '-100%',
135
+ ...s,
136
+ } as BarSeriesOption;
137
+ }
138
+ return s;
139
+ });
140
+
141
+ return [...base, ...adjusted];
90
142
  });
91
143
 
92
144
  const formatTooltip = (params: CallbackDataParams | CallbackDataParams[]): string => {
@@ -148,7 +200,7 @@
148
200
  extraCssText: `box-shadow: ${boxShadow.menu}`,
149
201
  borderWidth: 0,
150
202
  borderRadius: 6,
151
- formatter: formatTooltip,
203
+ formatter: tooltipFormatter || formatTooltip,
152
204
  },
153
205
  grid: {
154
206
  containLabel: true,
@@ -193,6 +245,7 @@
193
245
  type: 'dashed',
194
246
  },
195
247
  },
248
+ ...(yAxisOptions || {}),
196
249
  },
197
250
  textStyle: {
198
251
  color: textColor['secondary'],
package/dist/components/graphs/bar-chart/StackedBarChart.svelte.d.ts CHANGED
@@ -1,8 +1,13 @@
1
1
  import { type GenericChartProps } from '../chart/Chart.svelte';
2
2
  import type { EChartsOption } from '../../../echarts-config';
3
+ type StackedData = number | null | {
4
+ value: number | null;
5
+ itemStyle?: any;
6
+ emphasis?: any;
7
+ };
3
8
  type StackedSeriesItem = {
4
9
  name: string;
5
- data: (number | null)[];
10
+ data: StackedData[];
6
11
  };
7
12
  interface StackedBarChartProps extends GenericChartProps {
8
13
  xAxisCategories: (string | number)[];
@@ -12,6 +17,9 @@ interface StackedBarChartProps extends GenericChartProps {
12
17
  grid?: EChartsOption['grid'];
13
18
  captureInterval?: number;
14
19
  shouldDim?: (key: string) => boolean;
20
+ additionalSeries?: EChartsOption['series'][];
21
+ tooltipFormatter?: (params: any) => string;
22
+ yAxisOptions?: EChartsOption['yAxis'];
15
23
  }
16
24
  declare const StackedBarChart: import("svelte").Component<StackedBarChartProps, {}, "">;
17
25
  type StackedBarChart = ReturnType<typeof StackedBarChart>;
package/dist/components/icon-button/IconButton.stories.svelte CHANGED
@@ -12,39 +12,39 @@
12
12
 
13
13
  <Story name="Base" asChild>
14
14
  <div class="flex flex-col gap-2">
15
- <IconButton aria-label="Add" variant="primary" icon={Plus} />
16
- <IconButton aria-label="Add" variant="secondary" icon={Plus} />
17
- <IconButton aria-label="Add" variant="danger" icon={Plus} />
18
- <IconButton aria-label="Add" variant="transparent" icon={Plus} />
15
+ <IconButton aria-label="Add" variant="primary" />
16
+ <IconButton aria-label="Add" variant="secondary" />
17
+ <IconButton aria-label="Add" variant="danger" />
18
+ <IconButton aria-label="Add" variant="transparent" />
19
19
  </div>
20
20
  </Story>
21
21
 
22
22
  <Story name="Sizes" asChild>
23
23
  <div class="flex flex-col gap-2">
24
- <IconButton aria-label="Add" icon={Plus} variant="secondary" size="xs" />
25
- <IconButton aria-label="Add" icon={Plus} variant="secondary" size="sm" />
26
- <IconButton aria-label="Add" icon={Plus} variant="secondary" size="md" />
24
+ <IconButton aria-label="Add" variant="secondary" size="xs" />
25
+ <IconButton aria-label="Add" variant="secondary" size="sm" />
26
+ <IconButton aria-label="Add" variant="secondary" size="md" />
27
27
  </div>
28
28
  </Story>
29
29
  <Story name="Not rounded base" asChild>
30
30
  <div class="flex flex-col gap-2">
31
- <IconButton aria-label="Add" icon={Plus} variant="primary" rounded={false} />
32
- <IconButton aria-label="Add" icon={Plus} variant="secondary" rounded={false} />
33
- <IconButton aria-label="Add" icon={Plus} variant="danger" rounded={false} />
34
- <IconButton aria-label="Add" icon={Plus} variant="transparent" rounded={false} />
31
+ <IconButton aria-label="Add" variant="primary" rounded={false} />
32
+ <IconButton aria-label="Add" variant="secondary" rounded={false} />
33
+ <IconButton aria-label="Add" variant="danger" rounded={false} />
34
+ <IconButton aria-label="Add" variant="transparent" rounded={false} />
35
35
  </div>
36
36
  </Story>
37
37
 
38
38
  <Story name="Not rounded sizes" asChild>
39
39
  <div class="flex flex-col gap-2">
40
- <IconButton aria-label="Add" icon={Plus} variant="secondary" size="xs" rounded={false} />
41
- <IconButton aria-label="Add" icon={Plus} variant="secondary" size="sm" rounded={false} />
42
- <IconButton aria-label="Add" icon={Plus} variant="secondary" size="md" rounded={false} />
40
+ <IconButton aria-label="Add" variant="secondary" size="xs" rounded={false} />
41
+ <IconButton aria-label="Add" variant="secondary" size="sm" rounded={false} />
42
+ <IconButton aria-label="Add" variant="secondary" size="md" rounded={false} />
43
43
  </div>
44
44
  </Story>
45
45
  <Story name="Disabled" asChild>
46
- <IconButton aria-label="Add" disabled icon={Plus} />
46
+ <IconButton aria-label="Add" disabled />
47
47
  </Story>
48
48
  <Story name="Loading" asChild>
49
- <IconButton aria-label="Add" icon={Plus} loading />
49
+ <IconButton aria-label="Add" loading />
50
50
  </Story>
package/dist/components/select/Select.stories.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script module lang="ts">
2
2
  import { defineMeta } from '@storybook/addon-svelte-csf';
3
3
  import * as Select from './index';
4
- import { Icon, type IconName } from '../icons';
4
+ import { Icon } from '../icons';
5
5
 
6
6
  const { Story } = defineMeta({
7
7
  title: 'Design System/Select(New)',
@@ -203,7 +203,7 @@
203
203
  <Select.Item value={item.value} label={item.label}>
204
204
  {#snippet children()}
205
205
  <div class="flex items-center gap-2">
206
- <Icon iconName={item.iconName as IconName} class="h-4 w-4" />
206
+ <Icon icon={item.iconName as any} class="h-4 w-4" />
207
207
  <span>{item.label}</span>
208
208
  </div>
209
209
  {/snippet}
package/dist/components/toast/Toast.stories.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script module lang="ts">
2
- import type { Notification } from '../../../notifications';
2
+ import type { Notification } from '../../../lib/notifications';
3
3
  import Toast from './Toast.svelte';
4
4
  import { defineMeta } from '@storybook/addon-svelte-csf';
5
5
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reshape-biotech/design-system",
3
- "version": "2.7.3",
3
+ "version": "2.7.5",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build",
@@ -40,23 +40,17 @@
40
40
  "import": "./dist/components/*/index.js",
41
41
  "default": "./dist/components/*/index.js"
42
42
  },
43
- "./components/tooltip": {
44
- "types": "./dist/components/tooltip/index.d.ts",
45
- "svelte": "./dist/components/tooltip/index.js",
46
- "import": "./dist/components/tooltip/index.js",
47
- "default": "./dist/components/tooltip/index.js"
48
- },
49
- "./components/manual-cfu-counter": {
50
- "types": "./dist/components/manual-cfu-counter/index.d.ts",
51
- "svelte": "./dist/components/manual-cfu-counter/index.js",
52
- "import": "./dist/components/manual-cfu-counter/index.js",
53
- "default": "./dist/components/manual-cfu-counter/index.js"
43
+ "./components/textarea": {
44
+ "types": "./dist/components/textarea/index.d.ts",
45
+ "svelte": "./dist/components/textarea/index.js",
46
+ "import": "./dist/components/textarea/index.js",
47
+ "default": "./dist/components/textarea/index.js"
54
48
  },
55
- "./components/segmented-control-buttons": {
56
- "types": "./dist/components/segmented-control-buttons/index.d.ts",
57
- "svelte": "./dist/components/segmented-control-buttons/index.js",
58
- "import": "./dist/components/segmented-control-buttons/index.js",
59
- "default": "./dist/components/segmented-control-buttons/index.js"
49
+ "./components/stat-card": {
50
+ "types": "./dist/components/stat-card/index.d.ts",
51
+ "svelte": "./dist/components/stat-card/index.js",
52
+ "import": "./dist/components/stat-card/index.js",
53
+ "default": "./dist/components/stat-card/index.js"
60
54
  },
61
55
  "./components/dropdown": {
62
56
  "types": "./dist/components/dropdown/index.d.ts",
@@ -64,29 +58,65 @@
64
58
  "import": "./dist/components/dropdown/index.js",
65
59
  "default": "./dist/components/dropdown/index.js"
66
60
  },
67
- "./components/datepicker": {
68
- "types": "./dist/components/datepicker/index.d.ts",
69
- "svelte": "./dist/components/datepicker/index.js",
70
- "import": "./dist/components/datepicker/index.js",
71
- "default": "./dist/components/datepicker/index.js"
61
+ "./components/icons": {
62
+ "types": "./dist/components/icons/index.d.ts",
63
+ "svelte": "./dist/components/icons/index.js",
64
+ "import": "./dist/components/icons/index.js",
65
+ "default": "./dist/components/icons/index.js"
72
66
  },
73
- "./components/empty-content": {
74
- "types": "./dist/components/empty-content/index.d.ts",
75
- "svelte": "./dist/components/empty-content/index.js",
76
- "import": "./dist/components/empty-content/index.js",
77
- "default": "./dist/components/empty-content/index.js"
67
+ "./components/banner": {
68
+ "types": "./dist/components/banner/index.d.ts",
69
+ "svelte": "./dist/components/banner/index.js",
70
+ "import": "./dist/components/banner/index.js",
71
+ "default": "./dist/components/banner/index.js"
78
72
  },
79
- "./components/activity": {
80
- "types": "./dist/components/activity/index.d.ts",
81
- "svelte": "./dist/components/activity/index.js",
82
- "import": "./dist/components/activity/index.js",
83
- "default": "./dist/components/activity/index.js"
73
+ "./components/pill": {
74
+ "types": "./dist/components/pill/index.d.ts",
75
+ "svelte": "./dist/components/pill/index.js",
76
+ "import": "./dist/components/pill/index.js",
77
+ "default": "./dist/components/pill/index.js"
84
78
  },
85
- "./components/image": {
86
- "types": "./dist/components/image/index.d.ts",
87
- "svelte": "./dist/components/image/index.js",
88
- "import": "./dist/components/image/index.js",
89
- "default": "./dist/components/image/index.js"
79
+ "./components/skeleton-loader": {
80
+ "types": "./dist/components/skeleton-loader/index.d.ts",
81
+ "svelte": "./dist/components/skeleton-loader/index.js",
82
+ "import": "./dist/components/skeleton-loader/index.js",
83
+ "default": "./dist/components/skeleton-loader/index.js"
84
+ },
85
+ "./components/modal": {
86
+ "types": "./dist/components/modal/index.d.ts",
87
+ "svelte": "./dist/components/modal/index.js",
88
+ "import": "./dist/components/modal/index.js",
89
+ "default": "./dist/components/modal/index.js"
90
+ },
91
+ "./components/checkbox": {
92
+ "types": "./dist/components/checkbox/index.d.ts",
93
+ "svelte": "./dist/components/checkbox/index.js",
94
+ "import": "./dist/components/checkbox/index.js",
95
+ "default": "./dist/components/checkbox/index.js"
96
+ },
97
+ "./components/manual-cfu-counter": {
98
+ "types": "./dist/components/manual-cfu-counter/index.d.ts",
99
+ "svelte": "./dist/components/manual-cfu-counter/index.js",
100
+ "import": "./dist/components/manual-cfu-counter/index.js",
101
+ "default": "./dist/components/manual-cfu-counter/index.js"
102
+ },
103
+ "./components/select": {
104
+ "types": "./dist/components/select/index.d.ts",
105
+ "svelte": "./dist/components/select/index.js",
106
+ "import": "./dist/components/select/index.js",
107
+ "default": "./dist/components/select/index.js"
108
+ },
109
+ "./components/icon-button": {
110
+ "types": "./dist/components/icon-button/index.d.ts",
111
+ "svelte": "./dist/components/icon-button/index.js",
112
+ "import": "./dist/components/icon-button/index.js",
113
+ "default": "./dist/components/icon-button/index.js"
114
+ },
115
+ "./components/progress-circle": {
116
+ "types": "./dist/components/progress-circle/index.d.ts",
117
+ "svelte": "./dist/components/progress-circle/index.js",
118
+ "import": "./dist/components/progress-circle/index.js",
119
+ "default": "./dist/components/progress-circle/index.js"
90
120
  },
91
121
  "./components/tag": {
92
122
  "types": "./dist/components/tag/index.d.ts",
@@ -94,23 +124,35 @@
94
124
  "import": "./dist/components/tag/index.js",
95
125
  "default": "./dist/components/tag/index.js"
96
126
  },
127
+ "./components/avatar": {
128
+ "types": "./dist/components/avatar/index.d.ts",
129
+ "svelte": "./dist/components/avatar/index.js",
130
+ "import": "./dist/components/avatar/index.js",
131
+ "default": "./dist/components/avatar/index.js"
132
+ },
97
133
  "./components/toast": {
98
134
  "types": "./dist/components/toast/index.d.ts",
99
135
  "svelte": "./dist/components/toast/index.js",
100
136
  "import": "./dist/components/toast/index.js",
101
137
  "default": "./dist/components/toast/index.js"
102
138
  },
103
- "./components/tabs": {
104
- "types": "./dist/components/tabs/index.d.ts",
105
- "svelte": "./dist/components/tabs/index.js",
106
- "import": "./dist/components/tabs/index.js",
107
- "default": "./dist/components/tabs/index.js"
139
+ "./components/segmented-control-buttons": {
140
+ "types": "./dist/components/segmented-control-buttons/index.d.ts",
141
+ "svelte": "./dist/components/segmented-control-buttons/index.js",
142
+ "import": "./dist/components/segmented-control-buttons/index.js",
143
+ "default": "./dist/components/segmented-control-buttons/index.js"
108
144
  },
109
- "./components/drawer": {
110
- "types": "./dist/components/drawer/index.d.ts",
111
- "svelte": "./dist/components/drawer/index.js",
112
- "import": "./dist/components/drawer/index.js",
113
- "default": "./dist/components/drawer/index.js"
145
+ "./components/empty-content": {
146
+ "types": "./dist/components/empty-content/index.d.ts",
147
+ "svelte": "./dist/components/empty-content/index.js",
148
+ "import": "./dist/components/empty-content/index.js",
149
+ "default": "./dist/components/empty-content/index.js"
150
+ },
151
+ "./components/required-status-indicator": {
152
+ "types": "./dist/components/required-status-indicator/index.d.ts",
153
+ "svelte": "./dist/components/required-status-indicator/index.js",
154
+ "import": "./dist/components/required-status-indicator/index.js",
155
+ "default": "./dist/components/required-status-indicator/index.js"
114
156
  },
115
157
  "./components/spinner": {
116
158
  "types": "./dist/components/spinner/index.d.ts",
@@ -118,35 +160,53 @@
118
160
  "import": "./dist/components/spinner/index.js",
119
161
  "default": "./dist/components/spinner/index.js"
120
162
  },
121
- "./components/textarea": {
122
- "types": "./dist/components/textarea/index.d.ts",
123
- "svelte": "./dist/components/textarea/index.js",
124
- "import": "./dist/components/textarea/index.js",
125
- "default": "./dist/components/textarea/index.js"
163
+ "./components/tabs": {
164
+ "types": "./dist/components/tabs/index.d.ts",
165
+ "svelte": "./dist/components/tabs/index.js",
166
+ "import": "./dist/components/tabs/index.js",
167
+ "default": "./dist/components/tabs/index.js"
126
168
  },
127
- "./components/checkbox": {
128
- "types": "./dist/components/checkbox/index.d.ts",
129
- "svelte": "./dist/components/checkbox/index.js",
130
- "import": "./dist/components/checkbox/index.js",
131
- "default": "./dist/components/checkbox/index.js"
169
+ "./components/divider": {
170
+ "types": "./dist/components/divider/index.d.ts",
171
+ "svelte": "./dist/components/divider/index.js",
172
+ "import": "./dist/components/divider/index.js",
173
+ "default": "./dist/components/divider/index.js"
132
174
  },
133
- "./components/combobox": {
134
- "types": "./dist/components/combobox/index.d.ts",
135
- "svelte": "./dist/components/combobox/index.js",
136
- "import": "./dist/components/combobox/index.js",
137
- "default": "./dist/components/combobox/index.js"
175
+ "./components/notifications": {
176
+ "types": "./dist/components/notifications/index.d.ts",
177
+ "svelte": "./dist/components/notifications/index.js",
178
+ "import": "./dist/components/notifications/index.js",
179
+ "default": "./dist/components/notifications/index.js"
138
180
  },
139
- "./components/label": {
140
- "types": "./dist/components/label/index.d.ts",
141
- "svelte": "./dist/components/label/index.js",
142
- "import": "./dist/components/label/index.js",
143
- "default": "./dist/components/label/index.js"
181
+ "./components/button": {
182
+ "types": "./dist/components/button/index.d.ts",
183
+ "svelte": "./dist/components/button/index.js",
184
+ "import": "./dist/components/button/index.js",
185
+ "default": "./dist/components/button/index.js"
144
186
  },
145
- "./components/list": {
146
- "types": "./dist/components/list/index.d.ts",
147
- "svelte": "./dist/components/list/index.js",
148
- "import": "./dist/components/list/index.js",
149
- "default": "./dist/components/list/index.js"
187
+ "./components/notification-popup": {
188
+ "types": "./dist/components/notification-popup/index.d.ts",
189
+ "svelte": "./dist/components/notification-popup/index.js",
190
+ "import": "./dist/components/notification-popup/index.js",
191
+ "default": "./dist/components/notification-popup/index.js"
192
+ },
193
+ "./components/status-badge": {
194
+ "types": "./dist/components/status-badge/index.d.ts",
195
+ "svelte": "./dist/components/status-badge/index.js",
196
+ "import": "./dist/components/status-badge/index.js",
197
+ "default": "./dist/components/status-badge/index.js"
198
+ },
199
+ "./components/slider": {
200
+ "types": "./dist/components/slider/index.d.ts",
201
+ "svelte": "./dist/components/slider/index.js",
202
+ "import": "./dist/components/slider/index.js",
203
+ "default": "./dist/components/slider/index.js"
204
+ },
205
+ "./components/logo": {
206
+ "types": "./dist/components/logo/index.d.ts",
207
+ "svelte": "./dist/components/logo/index.js",
208
+ "import": "./dist/components/logo/index.js",
209
+ "default": "./dist/components/logo/index.js"
150
210
  },
151
211
  "./components/card": {
152
212
  "types": "./dist/components/card/index.d.ts",
@@ -154,23 +214,17 @@
154
214
  "import": "./dist/components/card/index.js",
155
215
  "default": "./dist/components/card/index.js"
156
216
  },
157
- "./components/markdown": {
158
- "types": "./dist/components/markdown/index.d.ts",
159
- "svelte": "./dist/components/markdown/index.js",
160
- "import": "./dist/components/markdown/index.js",
161
- "default": "./dist/components/markdown/index.js"
162
- },
163
- "./components/divider": {
164
- "types": "./dist/components/divider/index.d.ts",
165
- "svelte": "./dist/components/divider/index.js",
166
- "import": "./dist/components/divider/index.js",
167
- "default": "./dist/components/divider/index.js"
217
+ "./components/drawer": {
218
+ "types": "./dist/components/drawer/index.d.ts",
219
+ "svelte": "./dist/components/drawer/index.js",
220
+ "import": "./dist/components/drawer/index.js",
221
+ "default": "./dist/components/drawer/index.js"
168
222
  },
169
- "./components/icons": {
170
- "types": "./dist/components/icons/index.d.ts",
171
- "svelte": "./dist/components/icons/index.js",
172
- "import": "./dist/components/icons/index.js",
173
- "default": "./dist/components/icons/index.js"
223
+ "./components/graphs": {
224
+ "types": "./dist/components/graphs/index.d.ts",
225
+ "svelte": "./dist/components/graphs/index.js",
226
+ "import": "./dist/components/graphs/index.js",
227
+ "default": "./dist/components/graphs/index.js"
174
228
  },
175
229
  "./components/collapsible": {
176
230
  "types": "./dist/components/collapsible/index.d.ts",
@@ -178,77 +232,41 @@
178
232
  "import": "./dist/components/collapsible/index.js",
179
233
  "default": "./dist/components/collapsible/index.js"
180
234
  },
181
- "./components/multi-cfu-counter": {
182
- "types": "./dist/components/multi-cfu-counter/index.d.ts",
183
- "svelte": "./dist/components/multi-cfu-counter/index.js",
184
- "import": "./dist/components/multi-cfu-counter/index.js",
185
- "default": "./dist/components/multi-cfu-counter/index.js"
186
- },
187
- "./components/stepper": {
188
- "types": "./dist/components/stepper/index.d.ts",
189
- "svelte": "./dist/components/stepper/index.js",
190
- "import": "./dist/components/stepper/index.js",
191
- "default": "./dist/components/stepper/index.js"
192
- },
193
- "./components/input": {
194
- "types": "./dist/components/input/index.d.ts",
195
- "svelte": "./dist/components/input/index.js",
196
- "import": "./dist/components/input/index.js",
197
- "default": "./dist/components/input/index.js"
198
- },
199
235
  "./components/toggle": {
200
236
  "types": "./dist/components/toggle/index.d.ts",
201
237
  "svelte": "./dist/components/toggle/index.js",
202
238
  "import": "./dist/components/toggle/index.js",
203
239
  "default": "./dist/components/toggle/index.js"
204
240
  },
205
- "./components/required-status-indicator": {
206
- "types": "./dist/components/required-status-indicator/index.d.ts",
207
- "svelte": "./dist/components/required-status-indicator/index.js",
208
- "import": "./dist/components/required-status-indicator/index.js",
209
- "default": "./dist/components/required-status-indicator/index.js"
210
- },
211
- "./components/logo": {
212
- "types": "./dist/components/logo/index.d.ts",
213
- "svelte": "./dist/components/logo/index.js",
214
- "import": "./dist/components/logo/index.js",
215
- "default": "./dist/components/logo/index.js"
216
- },
217
- "./components/toggle-icon-button": {
218
- "types": "./dist/components/toggle-icon-button/index.d.ts",
219
- "svelte": "./dist/components/toggle-icon-button/index.js",
220
- "import": "./dist/components/toggle-icon-button/index.js",
221
- "default": "./dist/components/toggle-icon-button/index.js"
222
- },
223
- "./components/avatar": {
224
- "types": "./dist/components/avatar/index.d.ts",
225
- "svelte": "./dist/components/avatar/index.js",
226
- "import": "./dist/components/avatar/index.js",
227
- "default": "./dist/components/avatar/index.js"
241
+ "./components/stepper": {
242
+ "types": "./dist/components/stepper/index.d.ts",
243
+ "svelte": "./dist/components/stepper/index.js",
244
+ "import": "./dist/components/stepper/index.js",
245
+ "default": "./dist/components/stepper/index.js"
228
246
  },
229
- "./components/select": {
230
- "types": "./dist/components/select/index.d.ts",
231
- "svelte": "./dist/components/select/index.js",
232
- "import": "./dist/components/select/index.js",
233
- "default": "./dist/components/select/index.js"
247
+ "./components/combobox": {
248
+ "types": "./dist/components/combobox/index.d.ts",
249
+ "svelte": "./dist/components/combobox/index.js",
250
+ "import": "./dist/components/combobox/index.js",
251
+ "default": "./dist/components/combobox/index.js"
234
252
  },
235
- "./components/graphs": {
236
- "types": "./dist/components/graphs/index.d.ts",
237
- "svelte": "./dist/components/graphs/index.js",
238
- "import": "./dist/components/graphs/index.js",
239
- "default": "./dist/components/graphs/index.js"
253
+ "./components/list": {
254
+ "types": "./dist/components/list/index.d.ts",
255
+ "svelte": "./dist/components/list/index.js",
256
+ "import": "./dist/components/list/index.js",
257
+ "default": "./dist/components/list/index.js"
240
258
  },
241
- "./components/pill": {
242
- "types": "./dist/components/pill/index.d.ts",
243
- "svelte": "./dist/components/pill/index.js",
244
- "import": "./dist/components/pill/index.js",
245
- "default": "./dist/components/pill/index.js"
259
+ "./components/tooltip": {
260
+ "types": "./dist/components/tooltip/index.d.ts",
261
+ "svelte": "./dist/components/tooltip/index.js",
262
+ "import": "./dist/components/tooltip/index.js",
263
+ "default": "./dist/components/tooltip/index.js"
246
264
  },
247
- "./components/modal": {
248
- "types": "./dist/components/modal/index.d.ts",
249
- "svelte": "./dist/components/modal/index.js",
250
- "import": "./dist/components/modal/index.js",
251
- "default": "./dist/components/modal/index.js"
265
+ "./components/markdown": {
266
+ "types": "./dist/components/markdown/index.d.ts",
267
+ "svelte": "./dist/components/markdown/index.js",
268
+ "import": "./dist/components/markdown/index.js",
269
+ "default": "./dist/components/markdown/index.js"
252
270
  },
253
271
  "./components/legend": {
254
272
  "types": "./dist/components/legend/index.d.ts",
@@ -256,23 +274,11 @@
256
274
  "import": "./dist/components/legend/index.js",
257
275
  "default": "./dist/components/legend/index.js"
258
276
  },
259
- "./components/notifications": {
260
- "types": "./dist/components/notifications/index.d.ts",
261
- "svelte": "./dist/components/notifications/index.js",
262
- "import": "./dist/components/notifications/index.js",
263
- "default": "./dist/components/notifications/index.js"
264
- },
265
- "./components/button": {
266
- "types": "./dist/components/button/index.d.ts",
267
- "svelte": "./dist/components/button/index.js",
268
- "import": "./dist/components/button/index.js",
269
- "default": "./dist/components/button/index.js"
270
- },
271
- "./components/progress-circle": {
272
- "types": "./dist/components/progress-circle/index.d.ts",
273
- "svelte": "./dist/components/progress-circle/index.js",
274
- "import": "./dist/components/progress-circle/index.js",
275
- "default": "./dist/components/progress-circle/index.js"
277
+ "./components/image": {
278
+ "types": "./dist/components/image/index.d.ts",
279
+ "svelte": "./dist/components/image/index.js",
280
+ "import": "./dist/components/image/index.js",
281
+ "default": "./dist/components/image/index.js"
276
282
  },
277
283
  "./components/table": {
278
284
  "types": "./dist/components/table/index.d.ts",
@@ -280,47 +286,41 @@
280
286
  "import": "./dist/components/table/index.js",
281
287
  "default": "./dist/components/table/index.js"
282
288
  },
283
- "./components/notification-popup": {
284
- "types": "./dist/components/notification-popup/index.d.ts",
285
- "svelte": "./dist/components/notification-popup/index.js",
286
- "import": "./dist/components/notification-popup/index.js",
287
- "default": "./dist/components/notification-popup/index.js"
288
- },
289
- "./components/banner": {
290
- "types": "./dist/components/banner/index.d.ts",
291
- "svelte": "./dist/components/banner/index.js",
292
- "import": "./dist/components/banner/index.js",
293
- "default": "./dist/components/banner/index.js"
289
+ "./components/activity": {
290
+ "types": "./dist/components/activity/index.d.ts",
291
+ "svelte": "./dist/components/activity/index.js",
292
+ "import": "./dist/components/activity/index.js",
293
+ "default": "./dist/components/activity/index.js"
294
294
  },
295
- "./components/status-badge": {
296
- "types": "./dist/components/status-badge/index.d.ts",
297
- "svelte": "./dist/components/status-badge/index.js",
298
- "import": "./dist/components/status-badge/index.js",
299
- "default": "./dist/components/status-badge/index.js"
295
+ "./components/multi-cfu-counter": {
296
+ "types": "./dist/components/multi-cfu-counter/index.d.ts",
297
+ "svelte": "./dist/components/multi-cfu-counter/index.js",
298
+ "import": "./dist/components/multi-cfu-counter/index.js",
299
+ "default": "./dist/components/multi-cfu-counter/index.js"
300
300
  },
301
- "./components/skeleton-loader": {
302
- "types": "./dist/components/skeleton-loader/index.d.ts",
303
- "svelte": "./dist/components/skeleton-loader/index.js",
304
- "import": "./dist/components/skeleton-loader/index.js",
305
- "default": "./dist/components/skeleton-loader/index.js"
301
+ "./components/label": {
302
+ "types": "./dist/components/label/index.d.ts",
303
+ "svelte": "./dist/components/label/index.js",
304
+ "import": "./dist/components/label/index.js",
305
+ "default": "./dist/components/label/index.js"
306
306
  },
307
- "./components/stat-card": {
308
- "types": "./dist/components/stat-card/index.d.ts",
309
- "svelte": "./dist/components/stat-card/index.js",
310
- "import": "./dist/components/stat-card/index.js",
311
- "default": "./dist/components/stat-card/index.js"
307
+ "./components/toggle-icon-button": {
308
+ "types": "./dist/components/toggle-icon-button/index.d.ts",
309
+ "svelte": "./dist/components/toggle-icon-button/index.js",
310
+ "import": "./dist/components/toggle-icon-button/index.js",
311
+ "default": "./dist/components/toggle-icon-button/index.js"
312
312
  },
313
- "./components/slider": {
314
- "types": "./dist/components/slider/index.d.ts",
315
- "svelte": "./dist/components/slider/index.js",
316
- "import": "./dist/components/slider/index.js",
317
- "default": "./dist/components/slider/index.js"
313
+ "./components/input": {
314
+ "types": "./dist/components/input/index.d.ts",
315
+ "svelte": "./dist/components/input/index.js",
316
+ "import": "./dist/components/input/index.js",
317
+ "default": "./dist/components/input/index.js"
318
318
  },
319
- "./components/icon-button": {
320
- "types": "./dist/components/icon-button/index.d.ts",
321
- "svelte": "./dist/components/icon-button/index.js",
322
- "import": "./dist/components/icon-button/index.js",
323
- "default": "./dist/components/icon-button/index.js"
319
+ "./components/datepicker": {
320
+ "types": "./dist/components/datepicker/index.d.ts",
321
+ "svelte": "./dist/components/datepicker/index.js",
322
+ "import": "./dist/components/datepicker/index.js",
323
+ "default": "./dist/components/datepicker/index.js"
324
324
  },
325
325
  "./tokens": {
326
326
  "types": "./dist/tokens.d.ts",