@reshape-biotech/design-system 2.7.34 → 2.7.36

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 (37) hide show
  1. package/dist/app.css +2 -2
  2. package/dist/components/button/Button.stories.svelte +27 -7
  3. package/dist/components/button/Button.svelte +107 -24
  4. package/dist/components/combobox/Combobox.stories.svelte +483 -89
  5. package/dist/components/combobox/components/combobox-add.svelte +10 -4
  6. package/dist/components/combobox/components/combobox-content.svelte +35 -58
  7. package/dist/components/combobox/components/combobox-indicator.svelte +1 -1
  8. package/dist/components/combobox/types.d.ts +1 -0
  9. package/dist/components/dropdown/Dropdown.stories.svelte +36 -16
  10. package/dist/components/dropdown/components/dropdown-content.svelte +6 -3
  11. package/dist/components/dropdown/components/dropdown-item.svelte +8 -1
  12. package/dist/components/dropdown/components/dropdown-separator.svelte +10 -0
  13. package/dist/components/dropdown/components/dropdown-separator.svelte.d.ts +5 -0
  14. package/dist/components/dropdown/components/dropdown-sub-content.svelte +4 -2
  15. package/dist/components/dropdown/components/dropdown-sub-trigger.svelte +10 -3
  16. package/dist/components/dropdown/index.d.ts +2 -2
  17. package/dist/components/dropdown/index.js +2 -2
  18. package/dist/components/dropdown/types.d.ts +1 -0
  19. package/dist/components/icon-button/IconButton.svelte +1 -1
  20. package/dist/components/icons/AnalysisIcon.svelte +7 -7
  21. package/dist/components/modal/Modal.stories.svelte +3 -0
  22. package/dist/components/modal/components/modal-title.svelte +7 -2
  23. package/dist/components/modal/types.d.ts +1 -0
  24. package/dist/components/select/Select.stories.svelte +158 -13
  25. package/dist/components/select/components/SelectContent.svelte +2 -2
  26. package/dist/components/select/components/SelectGroupHeading.svelte +1 -1
  27. package/dist/components/select/components/SelectItem.svelte +1 -1
  28. package/dist/components/select/components/SelectTrigger.svelte +13 -5
  29. package/dist/components/select/components/SelectTrigger.svelte.d.ts +1 -0
  30. package/dist/components/stat-card/StatCard.stories.svelte +113 -47
  31. package/dist/components/stat-card/StatCard.svelte +27 -6
  32. package/dist/components/stat-card/StatCard.svelte.d.ts +4 -0
  33. package/dist/components/status-badge/StatusBadge.svelte +4 -3
  34. package/dist/components/stepper/components/stepper-step.svelte +3 -3
  35. package/dist/tokens.d.ts +11 -1
  36. package/dist/tokens.js +13 -3
  37. package/package.json +1 -1
package/dist/tokens.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { colors } from './tokens/colors';
2
- export type OutputName = 'cfu' | 'halo' | 'seed' | 'seedling' | 'leaf' | 'insect' | 'egg' | 'food' | 'positive' | 'negative' | 'review' | 'tntc' | 'contaminated' | 'countable' | 'full_growth' | 'reduced_growth' | 'dotted_growth';
2
+ export type OutputName = 'cfu' | 'halo' | 'seed' | 'seedling' | 'leaf' | 'insect' | 'egg' | 'food' | 'positive' | 'negative' | 'review' | 'tntc' | 'contaminated' | 'countable' | 'full_growth' | 'reduced_growth' | 'dotted_growth' | 'root' | 'shoot';
3
3
  declare const annotationOutputFadedFillColors: {
4
4
  [K in OutputName]: string;
5
5
  };
@@ -750,6 +750,8 @@ export declare const tokens: {
750
750
  full_growth: any;
751
751
  reduced_growth: any;
752
752
  dotted_growth: any;
753
+ root: any;
754
+ shoot: any;
753
755
  };
754
756
  annotationOutputFillColors: {
755
757
  cfu: string;
@@ -769,6 +771,8 @@ export declare const tokens: {
769
771
  full_growth: string;
770
772
  reduced_growth: string;
771
773
  dotted_growth: string;
774
+ root: string;
775
+ shoot: string;
772
776
  };
773
777
  annotationOutputFadedFillColors: {
774
778
  cfu: string;
@@ -788,6 +792,8 @@ export declare const tokens: {
788
792
  full_growth: string;
789
793
  reduced_growth: string;
790
794
  dotted_growth: string;
795
+ root: string;
796
+ shoot: string;
791
797
  };
792
798
  annotationOutputStrokeColors: {
793
799
  cfu: string;
@@ -807,6 +813,8 @@ export declare const tokens: {
807
813
  full_growth: string;
808
814
  reduced_growth: string;
809
815
  dotted_growth: string;
816
+ root: string;
817
+ shoot: string;
810
818
  };
811
819
  annotationOutputFadedStrokeColors: {
812
820
  cfu: string;
@@ -826,5 +834,7 @@ export declare const tokens: {
826
834
  full_growth: string;
827
835
  reduced_growth: string;
828
836
  dotted_growth: string;
837
+ root: string;
838
+ shoot: string;
829
839
  };
830
840
  };
package/dist/tokens.js CHANGED
@@ -143,11 +143,11 @@ const lightChartColor = {
143
143
  const annotationOutputBaseColors = {
144
144
  cfu: colors.periwinkle[5],
145
145
  halo: colors.yellow[5],
146
- seed: colors.lime[1],
146
+ seed: colors.orange[5],
147
147
  seedling: colors.lime[5],
148
148
  leaf: colors.green[5],
149
- insect: colors.orange[1],
150
- egg: colors.orange[2],
149
+ insect: colors.orange[5],
150
+ egg: colors.blue[5],
151
151
  food: colors.pear[5],
152
152
  positive: colors.red[5],
153
153
  negative: colors.gray[4],
@@ -158,6 +158,8 @@ const annotationOutputBaseColors = {
158
158
  full_growth: colors.gray[4],
159
159
  reduced_growth: colors.gray[4],
160
160
  dotted_growth: colors.gray[4],
161
+ root: colors.periwinkle[5],
162
+ shoot: colors.blue[5],
161
163
  };
162
164
  const annotationOutputFillColors = {
163
165
  cfu: annotationOutputBaseColors.cfu[25],
@@ -177,6 +179,8 @@ const annotationOutputFillColors = {
177
179
  full_growth: annotationOutputBaseColors.full_growth[25],
178
180
  reduced_growth: annotationOutputBaseColors.reduced_growth[25],
179
181
  dotted_growth: annotationOutputBaseColors.dotted_growth[25],
182
+ root: annotationOutputBaseColors.root[25],
183
+ shoot: annotationOutputBaseColors.shoot[25],
180
184
  };
181
185
  const annotationOutputFadedFillColors = {
182
186
  cfu: annotationOutputBaseColors.cfu[10],
@@ -196,6 +200,8 @@ const annotationOutputFadedFillColors = {
196
200
  full_growth: annotationOutputBaseColors.full_growth[10],
197
201
  reduced_growth: annotationOutputBaseColors.reduced_growth[10],
198
202
  dotted_growth: annotationOutputBaseColors.dotted_growth[10],
203
+ root: annotationOutputBaseColors.root[10],
204
+ shoot: annotationOutputBaseColors.shoot[10],
199
205
  };
200
206
  const annotationOutputStrokeColors = {
201
207
  cfu: annotationOutputBaseColors.cfu.default,
@@ -215,6 +221,8 @@ const annotationOutputStrokeColors = {
215
221
  full_growth: annotationOutputBaseColors.full_growth.default,
216
222
  reduced_growth: annotationOutputBaseColors.reduced_growth.default,
217
223
  dotted_growth: annotationOutputBaseColors.dotted_growth.default,
224
+ root: annotationOutputBaseColors.root.default,
225
+ shoot: annotationOutputBaseColors.shoot.default,
218
226
  };
219
227
  const annotationOutputFadedStrokeColors = {
220
228
  cfu: annotationOutputBaseColors.cfu[50],
@@ -234,6 +242,8 @@ const annotationOutputFadedStrokeColors = {
234
242
  full_growth: annotationOutputBaseColors.full_growth[50],
235
243
  reduced_growth: annotationOutputBaseColors.reduced_growth[50],
236
244
  dotted_growth: annotationOutputBaseColors.dotted_growth[50],
245
+ root: annotationOutputBaseColors.root[50],
246
+ shoot: annotationOutputBaseColors.shoot[50],
237
247
  };
238
248
  const darkTextColor = {
239
249
  'dark-primary': colors.base.white.default,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reshape-biotech/design-system",
3
- "version": "2.7.34",
3
+ "version": "2.7.36",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build",