@reshape-biotech/design-system 2.0.0 → 2.0.1
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.
- package/dist/tailwind.preset.d.ts +51 -5
- package/dist/tokens/colors.d.ts +51 -5
- package/dist/tokens/colors.js +20 -13
- package/dist/tokens.d.ts +147 -5
- package/dist/tokens.js +104 -4
- package/package.json +1 -1
|
@@ -33,7 +33,13 @@ declare const config: {
|
|
|
33
33
|
1: string;
|
|
34
34
|
2: string;
|
|
35
35
|
3: string;
|
|
36
|
-
4:
|
|
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:
|
|
68
|
-
|
|
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:
|
|
221
|
-
|
|
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:
|
|
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:
|
|
63
|
-
|
|
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:
|
|
216
|
-
|
|
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: {
|
|
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:
|
|
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:
|
|
278
|
-
|
|
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:
|
|
431
|
-
|
|
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[75],
|
|
200
|
+
halo: annotationOutputBaseColors.halo[75],
|
|
201
|
+
seed: annotationOutputBaseColors.seed[75],
|
|
202
|
+
seedling: annotationOutputBaseColors.seedling[75],
|
|
203
|
+
leaf: annotationOutputBaseColors.leaf[75],
|
|
204
|
+
insect: annotationOutputBaseColors.insect[75],
|
|
205
|
+
egg: annotationOutputBaseColors.egg[75],
|
|
206
|
+
food: annotationOutputBaseColors.food[75],
|
|
207
|
+
positive: annotationOutputBaseColors.positive[75],
|
|
208
|
+
negative: annotationOutputBaseColors.negative[75],
|
|
209
|
+
review: annotationOutputBaseColors.review[75],
|
|
210
|
+
tntc: annotationOutputBaseColors.tntc[75],
|
|
211
|
+
contaminated: annotationOutputBaseColors.contaminated[75],
|
|
212
|
+
countable: annotationOutputBaseColors.countable[75],
|
|
213
|
+
full_growth: annotationOutputBaseColors.full_growth[75],
|
|
214
|
+
reduced_growth: annotationOutputBaseColors.reduced_growth[75],
|
|
215
|
+
dotted_growth: annotationOutputBaseColors.dotted_growth[75],
|
|
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
|
};
|