@opentrons/components 0.3.3-alpha.0 → 0.3.5-alpha.0

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 (32) hide show
  1. package/README.md +1 -1
  2. package/lib/assets/localization/en/index.d.ts +39 -2
  3. package/lib/assets/localization/index.d.ts +41 -2
  4. package/lib/assets/localization/zh/index.d.ts +2 -0
  5. package/lib/atoms/StorageBar/__tests__/StorageBar.test.d.ts +1 -0
  6. package/lib/atoms/StorageBar/index.d.ts +8 -0
  7. package/lib/atoms/buttons/BasicButton.d.ts +2 -1
  8. package/lib/atoms/index.d.ts +1 -1
  9. package/lib/hardware-sim/Labware/LabwareAdapter/OpentronsVacuumManifoldCollar.d.ts +10 -0
  10. package/lib/hardware-sim/Labware/LabwareAdapter/OpentronsVacuumManifoldSpacer.d.ts +10 -0
  11. package/lib/hardware-sim/Labware/LabwareAdapter/index.d.ts +6 -0
  12. package/lib/helix-design-system/colors.d.ts +1 -1
  13. package/lib/index.js +204 -204
  14. package/lib/index.mjs +14286 -13803
  15. package/lib/molecules/IconButton/index.d.ts +23 -17
  16. package/lib/molecules/TextAreaField/index.d.ts +2 -0
  17. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getCalibrationCommandText.test.d.ts +1 -0
  18. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getIdentifyModuleCommandText.test.d.ts +1 -0
  19. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getSetStatusBarCommandText.test.d.ts +1 -0
  20. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getUnsafeCommandText.test.d.ts +1 -0
  21. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getCalibrationCommandText.d.ts +3 -0
  22. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getFlexStackerCommandText.d.ts +2 -2
  23. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getIdentifyModuleCommandText.d.ts +3 -0
  24. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getPipettingCommandText.d.ts +3 -2
  25. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getRetractAxisCommandText.d.ts +3 -0
  26. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getSetStatusBarCommandText.d.ts +3 -0
  27. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getUnsafeCommandText.d.ts +3 -0
  28. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/index.d.ts +5 -0
  29. package/lib/style.css +1 -1
  30. package/lib/ui-style-constants/viewport.d.ts +3 -11
  31. package/package.json +3 -3
  32. package/src/styles/global.css +14 -4
package/README.md CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  ## Version
10
10
 
11
- `0.3.3-alpha.0`
11
+ `0.3.5-alpha.0`
12
12
 
13
13
  ## License
14
14
 
@@ -8,8 +8,8 @@ export declare const shared_en_resources: {
8
8
  aspirate: string;
9
9
  aspirateInPlace: string;
10
10
  aspirateWhileTracking: string;
11
- blowout: string;
12
11
  blowOutInPlace: string;
12
+ blowout: string;
13
13
  "calibration/calibrateGripper": string;
14
14
  "calibration/calibrateModule": string;
15
15
  "calibration/calibratePipette": string;
@@ -62,10 +62,10 @@ export declare const shared_en_resources: {
62
62
  moveRelative: string;
63
63
  moveToAddressableArea: string;
64
64
  moveToAddressableAreaForDropTip: string;
65
- moveTocoordinates: string;
66
65
  moveToCoordinates: string;
67
66
  moveToSlot: string;
68
67
  moveToWell: string;
68
+ moveTocoordinates: string;
69
69
  pause: string;
70
70
  pickUpTip: string;
71
71
  prepareToAspirate: string;
@@ -117,6 +117,7 @@ export declare const shared_en_resources: {
117
117
  "vacuumModule/openVent": string;
118
118
  "vacuumModule/closeVent": string;
119
119
  "vacuumModule/startRunProfile": string;
120
+ "vacuumModule/waitForTarget": string;
120
121
  verifyTipPresence: string;
121
122
  waitForDuration: string;
122
123
  waitForResume: string;
@@ -158,6 +159,7 @@ export declare const shared_en_resources: {
158
159
  waste_chute_with_staging_area_slot_and_cover: string;
159
160
  };
160
161
  protocol_command_text: {
162
+ absent: string;
161
163
  absorbance_reader_close_lid: string;
162
164
  absorbance_reader_initialize: string;
163
165
  absorbance_reader_open_lid: string;
@@ -170,8 +172,13 @@ export declare const shared_en_resources: {
170
172
  aspirate: string;
171
173
  aspirate_in_place: string;
172
174
  aspirate_while_tracking: string;
175
+ axis96ChannelCam: string;
173
176
  blowout: string;
174
177
  blowout_in_place: string;
178
+ blue: string;
179
+ calibrate_pipette: string;
180
+ calibrate_gripper: string;
181
+ calibrate_module: string;
175
182
  capture_image_brightness: string;
176
183
  capture_image_contrast: string;
177
184
  capture_image_list_separator: string;
@@ -180,11 +187,13 @@ export declare const shared_en_resources: {
180
187
  capture_image_simple: string;
181
188
  capture_image_with_options: string;
182
189
  capture_image_zoom: string;
190
+ close_latch: string;
183
191
  closing_tc_lid: string;
184
192
  column_layout: string;
185
193
  comment: string;
186
194
  configure_for_volume: string;
187
195
  configure_nozzle_layout: string;
196
+ confirm: string;
188
197
  confirm_and_resume: string;
189
198
  create_timer: string;
190
199
  deactivate_hs_shake: string;
@@ -194,6 +203,7 @@ export declare const shared_en_resources: {
194
203
  deactivating_tc_lid: string;
195
204
  degrees_c: string;
196
205
  detect_liquid_presence: string;
206
+ disco: string;
197
207
  disengaging_magnetic_module: string;
198
208
  dispense: string;
199
209
  dispense_in_place: string;
@@ -203,14 +213,20 @@ export declare const shared_en_resources: {
203
213
  drop_tip_in_place: string;
204
214
  dropping_tip_in_trash: string;
205
215
  empty_stacker: string;
216
+ engage_axes: string;
206
217
  engaging_magnetic_module: string;
207
218
  extension_jaw: string;
208
219
  extension_mount: string;
209
220
  extension_z: string;
210
221
  fill_stacker: string;
211
222
  fixed_trash: string;
223
+ front: string;
212
224
  get_next_tip: string;
225
+ get_tip_presence: string;
226
+ green: string;
213
227
  home_gantry: string;
228
+ identify_module: string;
229
+ idle: string;
214
230
  in_location: string;
215
231
  latching_hs_latch: string;
216
232
  left: string;
@@ -225,6 +241,7 @@ export declare const shared_en_resources: {
225
241
  load_liquids_info_protocol_setup: string;
226
242
  load_module_protocol_setup: string;
227
243
  load_pipette_protocol_setup: string;
244
+ manual_retrieve: string;
228
245
  module_in_slot: string;
229
246
  module_in_slot_plural: string;
230
247
  move_labware: string;
@@ -238,12 +255,15 @@ export declare const shared_en_resources: {
238
255
  move_to_addressable_area_drop_tip: string;
239
256
  move_to_coordinates: string;
240
257
  move_to_slot: string;
258
+ move_to_maintenance_position: string;
241
259
  move_to_well: string;
242
260
  multiple: string;
243
261
  ninety_six_channel_cam: string;
244
262
  notes: string;
263
+ off: string;
245
264
  off_deck: string;
246
265
  offdeck: string;
266
+ open_latch: string;
247
267
  on_location: string;
248
268
  opening_tc_lid: string;
249
269
  partial_layout: string;
@@ -251,10 +271,16 @@ export declare const shared_en_resources: {
251
271
  pause: string;
252
272
  pause_on: string;
253
273
  pickup_tip: string;
274
+ place_labware: string;
275
+ prepare_shuttle: string;
254
276
  prepare_to_aspirate: string;
277
+ present: string;
255
278
  pressurizing_to_dispense: string;
256
279
  quantity: string;
280
+ rear: string;
281
+ red: string;
257
282
  reloading_labware: string;
283
+ retract_axis: string;
258
284
  return_tip: string;
259
285
  right: string;
260
286
  right_mount: string;
@@ -270,6 +296,7 @@ export declare const shared_en_resources: {
270
296
  sealing_to_location: string;
271
297
  set_and_await_hs_shake: string;
272
298
  set_hs_shake: string;
299
+ set_status_bar: string;
273
300
  set_tip_state: string;
274
301
  setting_hs_temp: string;
275
302
  setting_temperature_module_temp: string;
@@ -281,6 +308,8 @@ export declare const shared_en_resources: {
281
308
  single_nozzle_layout: string;
282
309
  slot: string;
283
310
  stacker_hopper_display: string;
311
+ starting: string;
312
+ stopping: string;
284
313
  target_temperature: string;
285
314
  tc_awaiting_for_duration: string;
286
315
  tc_run_profile_steps: string;
@@ -293,8 +322,12 @@ export declare const shared_en_resources: {
293
322
  trash_bin_in_slot: string;
294
323
  turning_rail_lights_off: string;
295
324
  turning_rail_lights_on: string;
325
+ ungrip_labware: string;
296
326
  unlatching_hs_latch: string;
297
327
  unsealing_from_location: string;
328
+ update_position_estimators: string;
329
+ updating: string;
330
+ verifying_tip_presence: string;
298
331
  wait_for_duration: string;
299
332
  wait_for_resume: string;
300
333
  wait_for_tasks: string;
@@ -303,7 +336,11 @@ export declare const shared_en_resources: {
303
336
  waiting_for_tc_lid_to_reach: string;
304
337
  waiting_to_reach_temp_module: string;
305
338
  waste_chute: string;
339
+ white: string;
306
340
  with_lid_name: string;
307
341
  with_reference_of: string;
342
+ x: string;
343
+ y: string;
344
+ yellow: string;
308
345
  };
309
346
  };
@@ -11,8 +11,8 @@ export declare const resources: {
11
11
  aspirate: string;
12
12
  aspirateInPlace: string;
13
13
  aspirateWhileTracking: string;
14
- blowout: string;
15
14
  blowOutInPlace: string;
15
+ blowout: string;
16
16
  "calibration/calibrateGripper": string;
17
17
  "calibration/calibrateModule": string;
18
18
  "calibration/calibratePipette": string;
@@ -65,10 +65,10 @@ export declare const resources: {
65
65
  moveRelative: string;
66
66
  moveToAddressableArea: string;
67
67
  moveToAddressableAreaForDropTip: string;
68
- moveTocoordinates: string;
69
68
  moveToCoordinates: string;
70
69
  moveToSlot: string;
71
70
  moveToWell: string;
71
+ moveTocoordinates: string;
72
72
  pause: string;
73
73
  pickUpTip: string;
74
74
  prepareToAspirate: string;
@@ -120,6 +120,7 @@ export declare const resources: {
120
120
  "vacuumModule/openVent": string;
121
121
  "vacuumModule/closeVent": string;
122
122
  "vacuumModule/startRunProfile": string;
123
+ "vacuumModule/waitForTarget": string;
123
124
  verifyTipPresence: string;
124
125
  waitForDuration: string;
125
126
  waitForResume: string;
@@ -161,6 +162,7 @@ export declare const resources: {
161
162
  waste_chute_with_staging_area_slot_and_cover: string;
162
163
  };
163
164
  protocol_command_text: {
165
+ absent: string;
164
166
  absorbance_reader_close_lid: string;
165
167
  absorbance_reader_initialize: string;
166
168
  absorbance_reader_open_lid: string;
@@ -173,8 +175,13 @@ export declare const resources: {
173
175
  aspirate: string;
174
176
  aspirate_in_place: string;
175
177
  aspirate_while_tracking: string;
178
+ axis96ChannelCam: string;
176
179
  blowout: string;
177
180
  blowout_in_place: string;
181
+ blue: string;
182
+ calibrate_pipette: string;
183
+ calibrate_gripper: string;
184
+ calibrate_module: string;
178
185
  capture_image_brightness: string;
179
186
  capture_image_contrast: string;
180
187
  capture_image_list_separator: string;
@@ -183,11 +190,13 @@ export declare const resources: {
183
190
  capture_image_simple: string;
184
191
  capture_image_with_options: string;
185
192
  capture_image_zoom: string;
193
+ close_latch: string;
186
194
  closing_tc_lid: string;
187
195
  column_layout: string;
188
196
  comment: string;
189
197
  configure_for_volume: string;
190
198
  configure_nozzle_layout: string;
199
+ confirm: string;
191
200
  confirm_and_resume: string;
192
201
  create_timer: string;
193
202
  deactivate_hs_shake: string;
@@ -197,6 +206,7 @@ export declare const resources: {
197
206
  deactivating_tc_lid: string;
198
207
  degrees_c: string;
199
208
  detect_liquid_presence: string;
209
+ disco: string;
200
210
  disengaging_magnetic_module: string;
201
211
  dispense: string;
202
212
  dispense_in_place: string;
@@ -206,14 +216,20 @@ export declare const resources: {
206
216
  drop_tip_in_place: string;
207
217
  dropping_tip_in_trash: string;
208
218
  empty_stacker: string;
219
+ engage_axes: string;
209
220
  engaging_magnetic_module: string;
210
221
  extension_jaw: string;
211
222
  extension_mount: string;
212
223
  extension_z: string;
213
224
  fill_stacker: string;
214
225
  fixed_trash: string;
226
+ front: string;
215
227
  get_next_tip: string;
228
+ get_tip_presence: string;
229
+ green: string;
216
230
  home_gantry: string;
231
+ identify_module: string;
232
+ idle: string;
217
233
  in_location: string;
218
234
  latching_hs_latch: string;
219
235
  left: string;
@@ -228,6 +244,7 @@ export declare const resources: {
228
244
  load_liquids_info_protocol_setup: string;
229
245
  load_module_protocol_setup: string;
230
246
  load_pipette_protocol_setup: string;
247
+ manual_retrieve: string;
231
248
  module_in_slot: string;
232
249
  module_in_slot_plural: string;
233
250
  move_labware: string;
@@ -241,12 +258,15 @@ export declare const resources: {
241
258
  move_to_addressable_area_drop_tip: string;
242
259
  move_to_coordinates: string;
243
260
  move_to_slot: string;
261
+ move_to_maintenance_position: string;
244
262
  move_to_well: string;
245
263
  multiple: string;
246
264
  ninety_six_channel_cam: string;
247
265
  notes: string;
266
+ off: string;
248
267
  off_deck: string;
249
268
  offdeck: string;
269
+ open_latch: string;
250
270
  on_location: string;
251
271
  opening_tc_lid: string;
252
272
  partial_layout: string;
@@ -254,10 +274,16 @@ export declare const resources: {
254
274
  pause: string;
255
275
  pause_on: string;
256
276
  pickup_tip: string;
277
+ place_labware: string;
278
+ prepare_shuttle: string;
257
279
  prepare_to_aspirate: string;
280
+ present: string;
258
281
  pressurizing_to_dispense: string;
259
282
  quantity: string;
283
+ rear: string;
284
+ red: string;
260
285
  reloading_labware: string;
286
+ retract_axis: string;
261
287
  return_tip: string;
262
288
  right: string;
263
289
  right_mount: string;
@@ -273,6 +299,7 @@ export declare const resources: {
273
299
  sealing_to_location: string;
274
300
  set_and_await_hs_shake: string;
275
301
  set_hs_shake: string;
302
+ set_status_bar: string;
276
303
  set_tip_state: string;
277
304
  setting_hs_temp: string;
278
305
  setting_temperature_module_temp: string;
@@ -284,6 +311,8 @@ export declare const resources: {
284
311
  single_nozzle_layout: string;
285
312
  slot: string;
286
313
  stacker_hopper_display: string;
314
+ starting: string;
315
+ stopping: string;
287
316
  target_temperature: string;
288
317
  tc_awaiting_for_duration: string;
289
318
  tc_run_profile_steps: string;
@@ -296,8 +325,12 @@ export declare const resources: {
296
325
  trash_bin_in_slot: string;
297
326
  turning_rail_lights_off: string;
298
327
  turning_rail_lights_on: string;
328
+ ungrip_labware: string;
299
329
  unlatching_hs_latch: string;
300
330
  unsealing_from_location: string;
331
+ update_position_estimators: string;
332
+ updating: string;
333
+ verifying_tip_presence: string;
301
334
  wait_for_duration: string;
302
335
  wait_for_resume: string;
303
336
  wait_for_tasks: string;
@@ -306,8 +339,12 @@ export declare const resources: {
306
339
  waiting_for_tc_lid_to_reach: string;
307
340
  waiting_to_reach_temp_module: string;
308
341
  waste_chute: string;
342
+ white: string;
309
343
  with_lid_name: string;
310
344
  with_reference_of: string;
345
+ x: string;
346
+ y: string;
347
+ yellow: string;
311
348
  };
312
349
  };
313
350
  zh: {
@@ -339,6 +376,7 @@ export declare const resources: {
339
376
  temperature: string;
340
377
  thermocycler: string;
341
378
  trash_bin: string;
379
+ vacuum: string;
342
380
  waste: string;
343
381
  waste_chute: string;
344
382
  waste_chute_with_cover: string;
@@ -435,6 +473,7 @@ export declare const resources: {
435
473
  on_location: string;
436
474
  opening_tc_lid: string;
437
475
  partial_layout: string;
476
+ partial_nozzles: string;
438
477
  pause: string;
439
478
  pause_on: string;
440
479
  pickup_tip: string;
@@ -27,6 +27,7 @@ export declare const shared_zh_resources: {
27
27
  temperature: string;
28
28
  thermocycler: string;
29
29
  trash_bin: string;
30
+ vacuum: string;
30
31
  waste: string;
31
32
  waste_chute: string;
32
33
  waste_chute_with_cover: string;
@@ -123,6 +124,7 @@ export declare const shared_zh_resources: {
123
124
  on_location: string;
124
125
  opening_tc_lid: string;
125
126
  partial_layout: string;
127
+ partial_nozzles: string;
126
128
  pause: string;
127
129
  pause_on: string;
128
130
  pickup_tip: string;
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom/vitest';
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ interface StorageBarProps {
3
+ percentUsed: number;
4
+ label: string;
5
+ t?: (key: string, opts?: Record<string, unknown>) => string;
6
+ }
7
+ export declare function StorageBar({ percentUsed, label, t, }: StorageBarProps): JSX.Element;
8
+ export {};
@@ -1,7 +1,8 @@
1
- import type { MouseEvent } from 'react';
1
+ import type { ComponentProps, MouseEvent } from 'react';
2
2
  import type { IconName } from '../../icons';
3
3
  interface BasicButtonProps {
4
4
  children: string;
5
+ type?: ComponentProps<'button'>['type'];
5
6
  onClick: (event: MouseEvent<HTMLButtonElement>) => void;
6
7
  isDisabled?: boolean;
7
8
  underLine?: boolean;
@@ -16,7 +16,7 @@ export * from './MenuList/OverflowBtn';
16
16
  export * from './Slider';
17
17
  export * from './Snackbar';
18
18
  export * from './StepMeter';
19
- export * from './StepMeter';
19
+ export * from './StorageBar';
20
20
  export * from './StyledText';
21
21
  export * from './SubListTable';
22
22
  export * from './Tag';
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ interface OpentronsVacuumManifoldCollarProps {
3
+ lidDimensions: {
4
+ xDimension: number;
5
+ yDimension: number;
6
+ zDimension: number;
7
+ } | null;
8
+ }
9
+ export declare function OpentronsVacuumManifoldCollar({ lidDimensions, }: OpentronsVacuumManifoldCollarProps): JSX.Element;
10
+ export {};
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ interface OpentronsVacuumManifoldSpacerProps {
3
+ lidDimensions: {
4
+ xDimension: number;
5
+ yDimension: number;
6
+ zDimension: number;
7
+ } | null;
8
+ }
9
+ export declare function OpentronsVacuumManifoldSpacer({ lidDimensions, }: OpentronsVacuumManifoldSpacerProps): JSX.Element;
10
+ export {};
@@ -6,6 +6,8 @@ import { OpentronsFlex96TiprackAdapter } from './OpentronsFlex96TiprackAdapter';
6
6
  import { OpentronsToughPCRAutoSealingLid } from './OpentronsToughPCRAutoSealingLid';
7
7
  import { OpentronsUniversalFlatAdapter } from './OpentronsUniversalFlatAdapter';
8
8
  import { OpentronsUniversalFlatAdapterTypeB } from './OpentronsUniversalFlatAdapterTypeB';
9
+ import { OpentronsVacuumManifoldCollar } from './OpentronsVacuumManifoldCollar';
10
+ import { OpentronsVacuumManifoldSpacer } from './OpentronsVacuumManifoldSpacer';
9
11
  import type { LabwareDefinition } from '@opentrons/shared-data';
10
12
  declare const CUSTOM_SVG_LOADNAME_PATHS: {
11
13
  opentrons_96_deep_well_adapter: typeof Opentrons96DeepWellAdapter;
@@ -16,6 +18,10 @@ declare const CUSTOM_SVG_LOADNAME_PATHS: {
16
18
  opentrons_universal_flat_adapter_type_b: typeof OpentronsUniversalFlatAdapterTypeB;
17
19
  opentrons_tough_pcr_auto_sealing_lid: typeof OpentronsToughPCRAutoSealingLid;
18
20
  opentrons_flex_deck_riser: typeof OpentronsAutoclavableDeckRiser;
21
+ opentrons_vacuum_manifold_collar_short: typeof OpentronsVacuumManifoldCollar;
22
+ opentrons_vacuum_manifold_collar_tall: typeof OpentronsVacuumManifoldCollar;
23
+ opentrons_vacuum_manifold_spacer_short: typeof OpentronsVacuumManifoldSpacer;
24
+ opentrons_vacuum_manifold_spacer_tall: typeof OpentronsVacuumManifoldSpacer;
19
25
  };
20
26
  export type LabwareAdapterLoadName = keyof typeof CUSTOM_SVG_LOADNAME_PATHS;
21
27
  export declare const customSVGLoadNames: string[];
@@ -75,7 +75,7 @@ export declare const transparentBlack90 = "#16212D90";
75
75
  /**
76
76
  * flex
77
77
  */
78
- export declare const flex40 = "#aae3fc";
78
+ export declare const flex40 = "#99E4FF";
79
79
  export declare const flex55 = "#0297CC";
80
80
  export declare const flex50 = "#00BDFF";
81
81
  /**