@reshape-biotech/design-system 2.0.0 → 2.0.2

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/spinner/Spinner.svelte +7 -2
  2. package/dist/components/spinner/Spinner.svelte.d.ts +1 -0
  3. package/dist/tailwind.preset.d.ts +51 -5
  4. package/dist/tokens/colors.d.ts +51 -5
  5. package/dist/tokens/colors.js +20 -13
  6. package/dist/tokens.d.ts +147 -5
  7. package/dist/tokens.js +104 -4
  8. package/package.json +1 -1
package/dist/components/spinner/Spinner.svelte CHANGED
@@ -1,12 +1,13 @@
1
1
  <script lang="ts">
2
2
  interface Props {
3
3
  testID?: string;
4
+ inverted?: boolean;
4
5
  }
5
6
 
6
- let { testID = '' }: Props = $props();
7
+ let { testID = '', inverted = false }: Props = $props();
7
8
  </script>
8
9
 
9
- <div data-testid={testID} class="spinner"></div>
10
+ <div data-testid={testID} class="spinner" class:inverted></div>
10
11
 
11
12
  <style>
12
13
  .spinner {
@@ -19,6 +20,10 @@
19
20
  border-radius: 9999px;
20
21
  }
21
22
 
23
+ .spinner.inverted {
24
+ background: conic-gradient(#0000 10%, white);
25
+ }
26
+
22
27
  @keyframes spinner {
23
28
  to {
24
29
  transform: rotate(1turn);
package/dist/components/spinner/Spinner.svelte.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  interface Props {
2
2
  testID?: string;
3
+ inverted?: boolean;
3
4
  }
4
5
  declare const Spinner: import("svelte").Component<Props, {}, "">;
5
6
  type Spinner = ReturnType<typeof Spinner>;
package/dist/tailwind.preset.d.ts CHANGED
@@ -33,7 +33,13 @@ declare const config: {
33
33
  1: string;
34
34
  2: string;
35
35
  3: string;
36
- 4: string;
36
+ 4: {
37
+ default: string;
38
+ 10: string;
39
+ 25: string;
40
+ 50: string;
41
+ 75: string;
42
+ };
37
43
  5: string;
38
44
  6: string;
39
45
  };
@@ -64,8 +70,20 @@ declare const config: {
64
70
  6: string;
65
71
  };
66
72
  orange: {
67
- 1: string;
68
- 2: string;
73
+ 1: {
74
+ default: string;
75
+ 10: string;
76
+ 25: string;
77
+ 50: string;
78
+ 75: string;
79
+ };
80
+ 2: {
81
+ default: string;
82
+ 10: string;
83
+ 25: string;
84
+ 50: string;
85
+ 75: string;
86
+ };
69
87
  3: string;
70
88
  4: {
71
89
  default: string;
@@ -76,6 +94,8 @@ declare const config: {
76
94
  default: string;
77
95
  10: string;
78
96
  25: string;
97
+ 50: string;
98
+ 75: string;
79
99
  };
80
100
  6: string;
81
101
  };
@@ -108,6 +128,8 @@ declare const config: {
108
128
  default: string;
109
129
  10: string;
110
130
  25: string;
131
+ 50: string;
132
+ 75: string;
111
133
  };
112
134
  6: string;
113
135
  };
@@ -125,6 +147,8 @@ declare const config: {
125
147
  5: string;
126
148
  10: string;
127
149
  25: string;
150
+ 50: string;
151
+ 75: string;
128
152
  };
129
153
  6: string;
130
154
  };
@@ -136,11 +160,15 @@ declare const config: {
136
160
  default: string;
137
161
  10: string;
138
162
  25: string;
163
+ 50: string;
164
+ 75: string;
139
165
  };
140
166
  5: {
141
167
  default: string;
142
168
  10: string;
143
169
  25: string;
170
+ 50: string;
171
+ 75: string;
144
172
  };
145
173
  6: string;
146
174
  };
@@ -157,6 +185,8 @@ declare const config: {
157
185
  default: string;
158
186
  10: string;
159
187
  25: string;
188
+ 50: string;
189
+ 75: string;
160
190
  };
161
191
  6: string;
162
192
  };
@@ -217,8 +247,20 @@ declare const config: {
217
247
  6: string;
218
248
  };
219
249
  lime: {
220
- 1: string;
221
- 2: string;
250
+ 1: {
251
+ default: string;
252
+ 10: string;
253
+ 25: string;
254
+ 50: string;
255
+ 75: string;
256
+ };
257
+ 2: {
258
+ default: string;
259
+ 10: string;
260
+ 25: string;
261
+ 50: string;
262
+ 75: string;
263
+ };
222
264
  3: string;
223
265
  4: {
224
266
  default: string;
@@ -229,6 +271,8 @@ declare const config: {
229
271
  default: string;
230
272
  10: string;
231
273
  25: string;
274
+ 50: string;
275
+ 75: string;
232
276
  };
233
277
  6: string;
234
278
  };
@@ -245,6 +289,8 @@ declare const config: {
245
289
  default: string;
246
290
  10: string;
247
291
  25: string;
292
+ 50: string;
293
+ 75: string;
248
294
  };
249
295
  6: string;
250
296
  };
package/dist/tokens/colors.d.ts CHANGED
@@ -28,7 +28,13 @@ export declare const colors: {
28
28
  1: string;
29
29
  2: string;
30
30
  3: string;
31
- 4: string;
31
+ 4: {
32
+ default: string;
33
+ 10: string;
34
+ 25: string;
35
+ 50: string;
36
+ 75: string;
37
+ };
32
38
  5: string;
33
39
  6: string;
34
40
  };
@@ -59,8 +65,20 @@ export declare const colors: {
59
65
  6: string;
60
66
  };
61
67
  orange: {
62
- 1: string;
63
- 2: string;
68
+ 1: {
69
+ default: string;
70
+ 10: string;
71
+ 25: string;
72
+ 50: string;
73
+ 75: string;
74
+ };
75
+ 2: {
76
+ default: string;
77
+ 10: string;
78
+ 25: string;
79
+ 50: string;
80
+ 75: string;
81
+ };
64
82
  3: string;
65
83
  4: {
66
84
  default: string;
@@ -71,6 +89,8 @@ export declare const colors: {
71
89
  default: string;
72
90
  10: string;
73
91
  25: string;
92
+ 50: string;
93
+ 75: string;
74
94
  };
75
95
  6: string;
76
96
  };
@@ -103,6 +123,8 @@ export declare const colors: {
103
123
  default: string;
104
124
  10: string;
105
125
  25: string;
126
+ 50: string;
127
+ 75: string;
106
128
  };
107
129
  6: string;
108
130
  };
@@ -120,6 +142,8 @@ export declare const colors: {
120
142
  5: string;
121
143
  10: string;
122
144
  25: string;
145
+ 50: string;
146
+ 75: string;
123
147
  };
124
148
  6: string;
125
149
  };
@@ -131,11 +155,15 @@ export declare const colors: {
131
155
  default: string;
132
156
  10: string;
133
157
  25: string;
158
+ 50: string;
159
+ 75: string;
134
160
  };
135
161
  5: {
136
162
  default: string;
137
163
  10: string;
138
164
  25: string;
165
+ 50: string;
166
+ 75: string;
139
167
  };
140
168
  6: string;
141
169
  };
@@ -152,6 +180,8 @@ export declare const colors: {
152
180
  default: string;
153
181
  10: string;
154
182
  25: string;
183
+ 50: string;
184
+ 75: string;
155
185
  };
156
186
  6: string;
157
187
  };
@@ -212,8 +242,20 @@ export declare const colors: {
212
242
  6: string;
213
243
  };
214
244
  lime: {
215
- 1: string;
216
- 2: string;
245
+ 1: {
246
+ default: string;
247
+ 10: string;
248
+ 25: string;
249
+ 50: string;
250
+ 75: string;
251
+ };
252
+ 2: {
253
+ default: string;
254
+ 10: string;
255
+ 25: string;
256
+ 50: string;
257
+ 75: string;
258
+ };
217
259
  3: string;
218
260
  4: {
219
261
  default: string;
@@ -224,6 +266,8 @@ export declare const colors: {
224
266
  default: string;
225
267
  10: string;
226
268
  25: string;
269
+ 50: string;
270
+ 75: string;
227
271
  };
228
272
  6: string;
229
273
  };
@@ -240,6 +284,8 @@ export declare const colors: {
240
284
  default: string;
241
285
  10: string;
242
286
  25: string;
287
+ 50: string;
288
+ 75: string;
243
289
  };
244
290
  6: string;
245
291
  };
package/dist/tokens/colors.js CHANGED
@@ -28,7 +28,7 @@ export const colors = {
28
28
  1: '#ecedee',
29
29
  2: '#dbdddf',
30
30
  3: '#c4c6ca',
31
- 4: '#888c94',
31
+ 4: { default: '#888c94', 10: '#888c941A', 25: '#888c9440', 50: '#888c9480', 75: '#888c94BF' },
32
32
  5: '#595e6a',
33
33
  6: '#2A303F',
34
34
  },
@@ -41,11 +41,11 @@ export const colors = {
41
41
  6: '#4741c1',
42
42
  },
43
43
  orange: {
44
- 1: '#fff2e6',
45
- 2: '#ffd6b0',
44
+ 1: { default: '#fff2e6', 10: '#fff2e61A', 25: '#fff2e640', 50: '#fff2e680', 75: '#fff2e6BF' },
45
+ 2: { default: '#ffd6b0', 10: '#ffd6b01A', 25: '#ffd6b040', 50: '#ffd6b080', 75: '#ffd6b0BF' },
46
46
  3: '#ffa654',
47
47
  4: { default: '#ff9533', 10: '#ff95331A', 25: '#ff953340' },
48
- 5: { default: '#ff7a00', 10: '#ff7a001A', 25: '#ff7a0040' },
48
+ 5: { default: '#ff7a00', 10: '#ff7a001A', 25: '#ff7a0040', 50: '#ff7a0080', 75: '#ff7a00BF' },
49
49
  6: '#cf6300',
50
50
  },
51
51
  sky: {
@@ -61,7 +61,7 @@ export const colors = {
61
61
  2: '#b8defd',
62
62
  3: '#66b8fb',
63
63
  4: { default: '#49aafa', 10: '#49aafa1A', 25: '#49aafa40' },
64
- 5: { default: '#1b95f9', 10: '#1b95f91A', 25: '#1b95f940' },
64
+ 5: { default: '#1b95f9', 10: '#1b95f91A', 25: '#1b95f940', 50: '#1b95f980', 75: '#1b95f9BF' },
65
65
  6: '#146db6',
66
66
  },
67
67
  green: {
@@ -69,15 +69,22 @@ export const colors = {
69
69
  2: '#c4ebdc',
70
70
  3: '#65cba4',
71
71
  4: { default: '#36bc88', 10: '#36bc881A', 25: '#36bc8840' },
72
- 5: { default: '#0aad6e', 5: '#0aad6e0D', 10: '#0aad6e1A', 25: '#0aad6e40' },
72
+ 5: {
73
+ default: '#0aad6e',
74
+ 5: '#0aad6e0D',
75
+ 10: '#0aad6e1A',
76
+ 25: '#0aad6e40',
77
+ 50: '#0aad6e80',
78
+ 75: '#0aad6eBF',
79
+ },
73
80
  6: '#088756',
74
81
  },
75
82
  yellow: {
76
83
  1: '#fff8e9',
77
84
  2: '#feeabb',
78
85
  3: '#fed16c',
79
- 4: { default: '#fdc850', 10: '#fdc8501A', 25: '#fdc85040' },
80
- 5: { default: '#f1b123', 10: '#f1b1231A', 25: '#f1b12340' },
86
+ 4: { default: '#fdc850', 10: '#fdc8501A', 25: '#fdc85040', 50: '#fdc85080', 75: '#fdc850BF' },
87
+ 5: { default: '#f1b123', 10: '#f1b1231A', 25: '#f1b12340', 50: '#f1b12380', 75: '#f1b123BF' },
81
88
  6: '#cc951e',
82
89
  },
83
90
  red: {
@@ -85,7 +92,7 @@ export const colors = {
85
92
  2: '#f9c6c6',
86
93
  3: '#f28384',
87
94
  4: { default: '#ef6b6c', 10: '#ef6b6c1A', 25: '#ef6b6c40' },
88
- 5: { default: '#eb4647', 10: '#eb46471A', 25: '#eb464740' },
95
+ 5: { default: '#eb4647', 10: '#eb46471A', 25: '#eb464740', 50: '#eb464780', 75: '#eb4647BF' },
89
96
  6: '#bf393a',
90
97
  },
91
98
  shadow: {
@@ -121,11 +128,11 @@ export const colors = {
121
128
  6: '#7a37ba',
122
129
  },
123
130
  lime: {
124
- 1: '#f2f8e8',
125
- 2: '#d5eab6',
131
+ 1: { default: '#f2f8e8', 10: '#f2f8e81A', 25: '#f2f8e840', 50: '#f2f8e880', 75: '#f2f8e8BF' },
132
+ 2: { default: '#d5eab6', 10: '#d5eab61A', 25: '#d5eab640', 50: '#d5eab680', 75: '#d5eab6BF' },
126
133
  3: '#a5d162',
127
134
  4: { default: '#93c843', 10: '#93c8431A', 25: '#93c84340' },
128
- 5: { default: '#78ba14', 10: '#78ba141A', 25: '#78ba1440' },
135
+ 5: { default: '#78ba14', 10: '#78ba141A', 25: '#78ba1440', 50: '#78ba1480', 75: '#78ba14BF' },
129
136
  6: '#619710',
130
137
  },
131
138
  pear: {
@@ -133,7 +140,7 @@ export const colors = {
133
140
  2: '#e9eab6',
134
141
  3: '#cfd161',
135
142
  4: { default: '#c6c842', 10: '#c6c8421A', 25: '#c6c84240' },
136
- 5: { default: '#b8ba13', 10: '#b8ba131A', 25: '#b8ba1340' },
143
+ 5: { default: '#b8ba13', 10: '#b8ba131A', 25: '#b8ba1340', 50: '#b8ba1380', 75: '#b8ba13BF' },
137
144
  6: '#95970F',
138
145
  },
139
146
  };
package/dist/tokens.d.ts CHANGED
@@ -1,4 +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
3
  declare const borderColor: {
3
4
  'dark-static': string;
4
5
  'dark-input': string;
@@ -243,7 +244,13 @@ export declare const tokens: {
243
244
  1: string;
244
245
  2: string;
245
246
  3: string;
246
- 4: string;
247
+ 4: {
248
+ default: string;
249
+ 10: string;
250
+ 25: string;
251
+ 50: string;
252
+ 75: string;
253
+ };
247
254
  5: string;
248
255
  6: string;
249
256
  };
@@ -274,8 +281,20 @@ export declare const tokens: {
274
281
  6: string;
275
282
  };
276
283
  orange: {
277
- 1: string;
278
- 2: string;
284
+ 1: {
285
+ default: string;
286
+ 10: string;
287
+ 25: string;
288
+ 50: string;
289
+ 75: string;
290
+ };
291
+ 2: {
292
+ default: string;
293
+ 10: string;
294
+ 25: string;
295
+ 50: string;
296
+ 75: string;
297
+ };
279
298
  3: string;
280
299
  4: {
281
300
  default: string;
@@ -286,6 +305,8 @@ export declare const tokens: {
286
305
  default: string;
287
306
  10: string;
288
307
  25: string;
308
+ 50: string;
309
+ 75: string;
289
310
  };
290
311
  6: string;
291
312
  };
@@ -318,6 +339,8 @@ export declare const tokens: {
318
339
  default: string;
319
340
  10: string;
320
341
  25: string;
342
+ 50: string;
343
+ 75: string;
321
344
  };
322
345
  6: string;
323
346
  };
@@ -335,6 +358,8 @@ export declare const tokens: {
335
358
  5: string;
336
359
  10: string;
337
360
  25: string;
361
+ 50: string;
362
+ 75: string;
338
363
  };
339
364
  6: string;
340
365
  };
@@ -346,11 +371,15 @@ export declare const tokens: {
346
371
  default: string;
347
372
  10: string;
348
373
  25: string;
374
+ 50: string;
375
+ 75: string;
349
376
  };
350
377
  5: {
351
378
  default: string;
352
379
  10: string;
353
380
  25: string;
381
+ 50: string;
382
+ 75: string;
354
383
  };
355
384
  6: string;
356
385
  };
@@ -367,6 +396,8 @@ export declare const tokens: {
367
396
  default: string;
368
397
  10: string;
369
398
  25: string;
399
+ 50: string;
400
+ 75: string;
370
401
  };
371
402
  6: string;
372
403
  };
@@ -427,8 +458,20 @@ export declare const tokens: {
427
458
  6: string;
428
459
  };
429
460
  lime: {
430
- 1: string;
431
- 2: string;
461
+ 1: {
462
+ default: string;
463
+ 10: string;
464
+ 25: string;
465
+ 50: string;
466
+ 75: string;
467
+ };
468
+ 2: {
469
+ default: string;
470
+ 10: string;
471
+ 25: string;
472
+ 50: string;
473
+ 75: string;
474
+ };
432
475
  3: string;
433
476
  4: {
434
477
  default: string;
@@ -439,6 +482,8 @@ export declare const tokens: {
439
482
  default: string;
440
483
  10: string;
441
484
  25: string;
485
+ 50: string;
486
+ 75: string;
442
487
  };
443
488
  6: string;
444
489
  };
@@ -455,6 +500,8 @@ export declare const tokens: {
455
500
  default: string;
456
501
  10: string;
457
502
  25: string;
503
+ 50: string;
504
+ 75: string;
458
505
  };
459
506
  6: string;
460
507
  };
@@ -671,4 +718,99 @@ export declare const tokens: {
671
718
  red: string;
672
719
  gray: string;
673
720
  };
721
+ annotationOutputBaseColors: {
722
+ cfu: any;
723
+ halo: any;
724
+ seed: any;
725
+ seedling: any;
726
+ leaf: any;
727
+ insect: any;
728
+ egg: any;
729
+ food: any;
730
+ positive: any;
731
+ negative: any;
732
+ review: any;
733
+ tntc: any;
734
+ contaminated: any;
735
+ countable: any;
736
+ full_growth: any;
737
+ reduced_growth: any;
738
+ dotted_growth: any;
739
+ };
740
+ annotationOutputFillColors: {
741
+ cfu: string;
742
+ halo: string;
743
+ seed: string;
744
+ seedling: string;
745
+ leaf: string;
746
+ insect: string;
747
+ egg: string;
748
+ food: string;
749
+ positive: string;
750
+ negative: string;
751
+ review: string;
752
+ tntc: string;
753
+ contaminated: string;
754
+ countable: string;
755
+ full_growth: string;
756
+ reduced_growth: string;
757
+ dotted_growth: string;
758
+ };
759
+ annotationOutputFadedFillColors: {
760
+ cfu: string;
761
+ halo: string;
762
+ seed: string;
763
+ seedling: string;
764
+ leaf: string;
765
+ insect: string;
766
+ egg: string;
767
+ food: string;
768
+ positive: string;
769
+ negative: string;
770
+ review: string;
771
+ tntc: string;
772
+ contaminated: string;
773
+ countable: string;
774
+ full_growth: string;
775
+ reduced_growth: string;
776
+ dotted_growth: string;
777
+ };
778
+ annotationOutputStrokeColors: {
779
+ cfu: string;
780
+ halo: string;
781
+ seed: string;
782
+ seedling: string;
783
+ leaf: string;
784
+ insect: string;
785
+ egg: string;
786
+ food: string;
787
+ positive: string;
788
+ negative: string;
789
+ review: string;
790
+ tntc: string;
791
+ contaminated: string;
792
+ countable: string;
793
+ full_growth: string;
794
+ reduced_growth: string;
795
+ dotted_growth: string;
796
+ };
797
+ annotationOutputFadedStrokeColors: {
798
+ cfu: string;
799
+ halo: string;
800
+ seed: string;
801
+ seedling: string;
802
+ leaf: string;
803
+ insect: string;
804
+ egg: string;
805
+ food: string;
806
+ positive: string;
807
+ negative: string;
808
+ review: string;
809
+ tntc: string;
810
+ contaminated: string;
811
+ countable: string;
812
+ full_growth: string;
813
+ reduced_growth: string;
814
+ dotted_growth: string;
815
+ };
674
816
  };
package/dist/tokens.js CHANGED
@@ -2,7 +2,7 @@ import { colors } from './tokens/colors';
2
2
  const lightTextColor = {
3
3
  primary: colors.base.midnight.default,
4
4
  secondary: colors.gray[5],
5
- tertiary: colors.gray[4],
5
+ tertiary: colors.gray[4].default,
6
6
  'primary-inverse': colors.base.white.default,
7
7
  'secondary-inverse': colors.base.white[70],
8
8
  'tertiary-inverse': colors.base.white[50],
@@ -22,7 +22,7 @@ const lightTextColor = {
22
22
  const lightIconColor = {
23
23
  'icon-primary': colors.base.midnight.default,
24
24
  'icon-secondary': colors.gray[5],
25
- 'icon-tertiary': colors.gray[4],
25
+ 'icon-tertiary': colors.gray[4].default,
26
26
  'icon-primary-inverse': colors.base.white.default,
27
27
  'icon-secondary-inverse': colors.base.white[70],
28
28
  'icon-accent': colors.periwinkle[5].default,
@@ -138,10 +138,105 @@ const lightChartColor = {
138
138
  red: colors.red[5].default,
139
139
  gray: colors.gray[5],
140
140
  };
141
+ const annotationOutputBaseColors = {
142
+ cfu: colors.periwinkle[5],
143
+ halo: colors.yellow[5],
144
+ seed: colors.lime[1],
145
+ seedling: colors.lime[5],
146
+ leaf: colors.green[5],
147
+ insect: colors.orange[1],
148
+ egg: colors.orange[2],
149
+ food: colors.pear[5],
150
+ positive: colors.red[5],
151
+ negative: colors.gray[4],
152
+ review: colors.blue[5],
153
+ tntc: colors.gray[4],
154
+ contaminated: colors.gray[4],
155
+ countable: colors.gray[4],
156
+ full_growth: colors.gray[4],
157
+ reduced_growth: colors.gray[4],
158
+ dotted_growth: colors.gray[4],
159
+ };
160
+ const annotationOutputFillColors = {
161
+ cfu: annotationOutputBaseColors.cfu[25],
162
+ halo: annotationOutputBaseColors.halo[25],
163
+ seed: annotationOutputBaseColors.seed[25],
164
+ seedling: annotationOutputBaseColors.seedling[25],
165
+ leaf: annotationOutputBaseColors.leaf[25],
166
+ insect: annotationOutputBaseColors.insect[25],
167
+ egg: annotationOutputBaseColors.egg[25],
168
+ food: annotationOutputBaseColors.food[25],
169
+ positive: annotationOutputBaseColors.positive[25],
170
+ negative: annotationOutputBaseColors.negative[25],
171
+ review: annotationOutputBaseColors.review[25],
172
+ tntc: annotationOutputBaseColors.tntc[25],
173
+ contaminated: annotationOutputBaseColors.contaminated[25],
174
+ countable: annotationOutputBaseColors.countable[25],
175
+ full_growth: annotationOutputBaseColors.full_growth[25],
176
+ reduced_growth: annotationOutputBaseColors.reduced_growth[25],
177
+ dotted_growth: annotationOutputBaseColors.dotted_growth[25],
178
+ };
179
+ const annotationOutputFadedFillColors = {
180
+ cfu: annotationOutputBaseColors.cfu[10],
181
+ halo: annotationOutputBaseColors.halo[10],
182
+ seed: annotationOutputBaseColors.seed[10],
183
+ seedling: annotationOutputBaseColors.seedling[10],
184
+ leaf: annotationOutputBaseColors.leaf[10],
185
+ insect: annotationOutputBaseColors.insect[10],
186
+ egg: annotationOutputBaseColors.egg[10],
187
+ food: annotationOutputBaseColors.food[10],
188
+ positive: annotationOutputBaseColors.positive[10],
189
+ negative: annotationOutputBaseColors.negative[10],
190
+ review: annotationOutputBaseColors.review[10],
191
+ tntc: annotationOutputBaseColors.tntc[10],
192
+ contaminated: annotationOutputBaseColors.contaminated[10],
193
+ countable: annotationOutputBaseColors.countable[10],
194
+ full_growth: annotationOutputBaseColors.full_growth[10],
195
+ reduced_growth: annotationOutputBaseColors.reduced_growth[10],
196
+ dotted_growth: annotationOutputBaseColors.dotted_growth[10],
197
+ };
198
+ const annotationOutputStrokeColors = {
199
+ cfu: annotationOutputBaseColors.cfu.default,
200
+ halo: annotationOutputBaseColors.halo.default,
201
+ seed: annotationOutputBaseColors.seed.default,
202
+ seedling: annotationOutputBaseColors.seedling.default,
203
+ leaf: annotationOutputBaseColors.leaf.default,
204
+ insect: annotationOutputBaseColors.insect.default,
205
+ egg: annotationOutputBaseColors.egg.default,
206
+ food: annotationOutputBaseColors.food.default,
207
+ positive: annotationOutputBaseColors.positive.default,
208
+ negative: annotationOutputBaseColors.negative.default,
209
+ review: annotationOutputBaseColors.review.default,
210
+ tntc: annotationOutputBaseColors.tntc.default,
211
+ contaminated: annotationOutputBaseColors.contaminated.default,
212
+ countable: annotationOutputBaseColors.countable.default,
213
+ full_growth: annotationOutputBaseColors.full_growth.default,
214
+ reduced_growth: annotationOutputBaseColors.reduced_growth.default,
215
+ dotted_growth: annotationOutputBaseColors.dotted_growth.default,
216
+ };
217
+ const annotationOutputFadedStrokeColors = {
218
+ cfu: annotationOutputBaseColors.cfu[50],
219
+ halo: annotationOutputBaseColors.halo[50],
220
+ seed: annotationOutputBaseColors.seed[50],
221
+ seedling: annotationOutputBaseColors.seedling[50],
222
+ leaf: annotationOutputBaseColors.leaf[50],
223
+ insect: annotationOutputBaseColors.insect[50],
224
+ egg: annotationOutputBaseColors.egg[50],
225
+ food: annotationOutputBaseColors.food[50],
226
+ positive: annotationOutputBaseColors.positive[50],
227
+ negative: annotationOutputBaseColors.negative[50],
228
+ review: annotationOutputBaseColors.review[50],
229
+ tntc: annotationOutputBaseColors.tntc[50],
230
+ contaminated: annotationOutputBaseColors.contaminated[50],
231
+ countable: annotationOutputBaseColors.countable[50],
232
+ full_growth: annotationOutputBaseColors.full_growth[50],
233
+ reduced_growth: annotationOutputBaseColors.reduced_growth[50],
234
+ dotted_growth: annotationOutputBaseColors.dotted_growth[50],
235
+ };
141
236
  const darkTextColor = {
142
237
  'dark-primary': colors.base.white.default,
143
238
  'dark-secondary': colors.gray[3],
144
- 'dark-tertiary': colors.gray[4],
239
+ 'dark-tertiary': colors.gray[4].default,
145
240
  'dark-primary-inverse': colors.base.midnight.default,
146
241
  'dark-secondary-inverse': colors.base.midnight[70],
147
242
  'dark-tertiary-inverse': colors.base.midnight[50],
@@ -161,7 +256,7 @@ const darkTextColor = {
161
256
  const darkIconColor = {
162
257
  'dark-primary': colors.base.white.default,
163
258
  'dark-secondary': colors.gray[3],
164
- 'dark-tertiary': colors.gray[4],
259
+ 'dark-tertiary': colors.gray[4].default,
165
260
  'dark-primary-inverse': colors.base.midnight.default,
166
261
  'dark-accent': colors.periwinkle[4].default,
167
262
  'dark-success': colors.green[4].default,
@@ -273,4 +368,9 @@ export const tokens = {
273
368
  boxShadow,
274
369
  outlineColor,
275
370
  chartColor,
371
+ annotationOutputBaseColors,
372
+ annotationOutputFillColors,
373
+ annotationOutputFadedFillColors,
374
+ annotationOutputStrokeColors,
375
+ annotationOutputFadedStrokeColors,
276
376
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reshape-biotech/design-system",
3
- "version": "2.0.0",
3
+ "version": "2.0.2",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build",