@opentrons/components 0.1.6-alpha.15 → 0.1.6-alpha.17

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 (491) hide show
  1. package/lib/atoms/Checkbox/index.d.ts +1 -0
  2. package/lib/atoms/InputField/index.d.ts +9 -9
  3. package/lib/atoms/ListItem/ListItemChildren/ListItemCustomize.d.ts +2 -2
  4. package/lib/atoms/ListItem/ListItemChildren/ListItemDescriptor.d.ts +1 -0
  5. package/lib/atoms/ListItem/index.d.ts +1 -1
  6. package/lib/atoms/Tag/index.d.ts +1 -0
  7. package/lib/hardware-sim/BaseDeck/BaseDeck.d.ts +6 -6
  8. package/lib/hardware-sim/Deck/RobotCoordsText.d.ts +1 -0
  9. package/lib/hardware-sim/Deck/RobotWorkSpace.d.ts +2 -2
  10. package/lib/hooks/useMenuHandleClickOutside.d.ts +3 -3
  11. package/lib/molecules/DropdownMenu/index.d.ts +2 -2
  12. package/lib/molecules/InfoScreen/index.d.ts +3 -1
  13. package/lib/organisms/Toolbox/index.d.ts +1 -1
  14. package/package.json +6 -6
  15. package/src/__mocks__/file.js +10 -0
  16. package/src/__tests__/utils.test.ts +27 -0
  17. package/src/alerts/AlertItem.stories.tsx +49 -0
  18. package/src/alerts/AlertItem.tsx +85 -0
  19. package/src/alerts/alerts.module.css +103 -0
  20. package/src/alerts/index.ts +3 -0
  21. package/src/atoms/Checkbox/Checkbox.stories.tsx +24 -0
  22. package/src/atoms/Checkbox/__tests__/Checkbox.test.tsx +55 -0
  23. package/src/atoms/Checkbox/index.tsx +127 -0
  24. package/src/atoms/CheckboxField/CheckboxField.stories.tsx +30 -0
  25. package/src/atoms/CheckboxField/__tests__/CheckboxField.test.tsx +141 -0
  26. package/src/atoms/CheckboxField/index.tsx +171 -0
  27. package/src/atoms/Chip/Chip.stories.tsx +59 -0
  28. package/src/atoms/Chip/__tests__/Chip.test.tsx +429 -0
  29. package/src/atoms/Chip/index.tsx +172 -0
  30. package/src/atoms/Divider/index.tsx +15 -0
  31. package/src/atoms/InputField/InputField.stories.tsx +77 -0
  32. package/src/atoms/InputField/__tests__/InputField.test.tsx +63 -0
  33. package/src/atoms/InputField/index.tsx +383 -0
  34. package/src/atoms/ListButton/ListButton.stories.tsx +133 -0
  35. package/src/atoms/ListButton/ListButtonChildren/ListButtonAccordion.tsx +65 -0
  36. package/src/atoms/ListButton/ListButtonChildren/ListButtonAccordionContainer.tsx +23 -0
  37. package/src/atoms/ListButton/ListButtonChildren/ListButtonRadioButton.tsx +108 -0
  38. package/src/atoms/ListButton/ListButtonChildren/index.ts +3 -0
  39. package/src/atoms/ListButton/__tests__/ListButton.test.tsx +46 -0
  40. package/src/atoms/ListButton/__tests__/ListButtonAccordion.test.tsx +35 -0
  41. package/src/atoms/ListButton/__tests__/ListButtonRadioButton.test.tsx +27 -0
  42. package/src/atoms/ListButton/index.tsx +72 -0
  43. package/src/atoms/ListItem/ListItem.stories.tsx +96 -0
  44. package/src/atoms/ListItem/ListItemChildren/ListItemCustomize.tsx +78 -0
  45. package/src/atoms/ListItem/ListItemChildren/ListItemDescriptor.tsx +42 -0
  46. package/src/atoms/ListItem/ListItemChildren/index.ts +2 -0
  47. package/src/atoms/ListItem/__tests__/ListItem.test.tsx +61 -0
  48. package/src/atoms/ListItem/index.tsx +89 -0
  49. package/src/atoms/MenuList/MenuItem.stories.tsx +20 -0
  50. package/src/atoms/MenuList/MenuItem.tsx +55 -0
  51. package/src/atoms/MenuList/MenuList.stories.tsx +31 -0
  52. package/src/atoms/MenuList/OverflowBtn.stories.tsx +17 -0
  53. package/src/atoms/MenuList/OverflowBtn.tsx +76 -0
  54. package/src/atoms/MenuList/__tests__/MenuItem.test.tsx +50 -0
  55. package/src/atoms/MenuList/__tests__/MenuList.test.tsx +36 -0
  56. package/src/atoms/MenuList/__tests__/OverflowBtn.test.tsx +33 -0
  57. package/src/atoms/MenuList/index.tsx +50 -0
  58. package/src/atoms/Snackbar/Snackbar.stories.tsx +67 -0
  59. package/src/atoms/Snackbar/__tests__/Snackbar.test.tsx +73 -0
  60. package/src/atoms/Snackbar/index.tsx +91 -0
  61. package/src/atoms/StepMeter/index.tsx +53 -0
  62. package/src/atoms/StyledText/LegacyStyledText.stories.tsx +106 -0
  63. package/src/atoms/StyledText/LegacyStyledText.tsx +95 -0
  64. package/src/atoms/StyledText/StyledText.stories.tsx +46 -0
  65. package/src/atoms/StyledText/StyledText.tsx +323 -0
  66. package/src/atoms/StyledText/index.ts +2 -0
  67. package/src/atoms/Tag/Tag.stories.tsx +48 -0
  68. package/src/atoms/Tag/__tests__/Tag.test.tsx +55 -0
  69. package/src/atoms/Tag/index.tsx +116 -0
  70. package/src/atoms/Toast/ODDToast.stories.tsx +68 -0
  71. package/src/atoms/Toast/Toast.stories.tsx +55 -0
  72. package/src/atoms/Toast/__tests__/ODDToast.test.tsx +178 -0
  73. package/src/atoms/Toast/__tests__/Toast.test.tsx +174 -0
  74. package/src/atoms/Toast/index.tsx +439 -0
  75. package/src/atoms/ToggleGroup/ToggleGroup.stories.tsx +39 -0
  76. package/src/atoms/ToggleGroup/__tests__/ToggleGroup.test.tsx +28 -0
  77. package/src/atoms/ToggleGroup/index.tsx +91 -0
  78. package/src/atoms/Tooltip/Tooltip.stories.tsx +99 -0
  79. package/src/atoms/Tooltip/__tests__/Tooltip.test.tsx +78 -0
  80. package/src/atoms/Tooltip/index.tsx +38 -0
  81. package/src/atoms/buttons/AlertPrimaryButton.tsx +26 -0
  82. package/src/atoms/buttons/AltPrimaryButton.tsx +31 -0
  83. package/src/atoms/buttons/EmptySelectorButton.stories.tsx +36 -0
  84. package/src/atoms/buttons/EmptySelectorButton.tsx +83 -0
  85. package/src/atoms/buttons/LargeButton.stories.tsx +99 -0
  86. package/src/atoms/buttons/LargeButton.tsx +320 -0
  87. package/src/atoms/buttons/PrimaryButton.tsx +36 -0
  88. package/src/atoms/buttons/RadioButton.stories.tsx +35 -0
  89. package/src/atoms/buttons/RadioButton.tsx +217 -0
  90. package/src/atoms/buttons/SecondaryButton.tsx +62 -0
  91. package/src/atoms/buttons/__tests__/AlertPrimaryButton.test.tsx +47 -0
  92. package/src/atoms/buttons/__tests__/AltPrimaryButton.test.tsx +57 -0
  93. package/src/atoms/buttons/__tests__/EmptySelectorButton.test.tsx +42 -0
  94. package/src/atoms/buttons/__tests__/LargeButton.test.tsx +91 -0
  95. package/src/atoms/buttons/__tests__/PrimaryButton.test.tsx +64 -0
  96. package/src/atoms/buttons/__tests__/RadioButton.test.tsx +98 -0
  97. package/src/atoms/buttons/__tests__/SecondaryButton.test.tsx +54 -0
  98. package/src/atoms/buttons/buttons.stories.tsx +78 -0
  99. package/src/atoms/buttons/index.ts +6 -0
  100. package/src/atoms/index.ts +20 -0
  101. package/src/barrel.ts +10 -0
  102. package/src/buttons/Button.tsx +96 -0
  103. package/src/buttons/DeprecatedPrimaryButton.tsx +24 -0
  104. package/src/buttons/FlatButton.tsx +21 -0
  105. package/src/buttons/IconButton.tsx +37 -0
  106. package/src/buttons/OutlineButton.tsx +24 -0
  107. package/src/buttons/buttons.module.css +428 -0
  108. package/src/buttons/index.ts +7 -0
  109. package/src/controls/ControlInfo.tsx +13 -0
  110. package/src/controls/LabeledButton.tsx +28 -0
  111. package/src/controls/LabeledCheckbox.tsx +35 -0
  112. package/src/controls/LabeledControl.tsx +24 -0
  113. package/src/controls/LabeledRadioGroup.tsx +27 -0
  114. package/src/controls/LabeledSelect.tsx +34 -0
  115. package/src/controls/LabeledToggle.tsx +35 -0
  116. package/src/controls/StackedLabeledControl.tsx +28 -0
  117. package/src/controls/ToggleButton.tsx +25 -0
  118. package/src/controls/index.ts +10 -0
  119. package/src/controls/styles.module.css +103 -0
  120. package/src/forms/DeprecatedCheckboxField.stories.tsx +31 -0
  121. package/src/forms/DeprecatedCheckboxField.tsx +94 -0
  122. package/src/forms/DropdownField.stories.tsx +44 -0
  123. package/src/forms/DropdownField.tsx +106 -0
  124. package/src/forms/FormGroup.stories.tsx +31 -0
  125. package/src/forms/FormGroup.tsx +53 -0
  126. package/src/forms/InputField.stories.tsx +41 -0
  127. package/src/forms/LegacyInputField.tsx +123 -0
  128. package/src/forms/RadioGroup.stories.tsx +44 -0
  129. package/src/forms/RadioGroup.tsx +87 -0
  130. package/src/forms/Select.module.css +118 -0
  131. package/src/forms/Select.stories.tsx +117 -0
  132. package/src/forms/Select.tsx +132 -0
  133. package/src/forms/SelectField.module.css +16 -0
  134. package/src/forms/SelectField.tsx +94 -0
  135. package/src/forms/ToggleField.stories.tsx +31 -0
  136. package/src/forms/ToggleField.tsx +59 -0
  137. package/src/forms/__tests__/DeprecatedCheckboxField.test.tsx +5 -0
  138. package/src/forms/__tests__/DropdownField.test.tsx +5 -0
  139. package/src/forms/__tests__/InputField.test.tsx +5 -0
  140. package/src/forms/__tests__/Select.test.tsx +5 -0
  141. package/src/forms/__tests__/SelectField.test.tsx +5 -0
  142. package/src/forms/__tests__/ToggleField.test.tsx +5 -0
  143. package/src/forms/forms.module.css +239 -0
  144. package/src/forms/index.ts +8 -0
  145. package/src/hardware-sim/BaseDeck/BaseDeck.stories.tsx +94 -0
  146. package/src/hardware-sim/BaseDeck/BaseDeck.tsx +423 -0
  147. package/src/hardware-sim/BaseDeck/SingleSlotFixture.tsx +199 -0
  148. package/src/hardware-sim/BaseDeck/SlotBase.tsx +5 -0
  149. package/src/hardware-sim/BaseDeck/SlotClip.tsx +15 -0
  150. package/src/hardware-sim/BaseDeck/StagingAreaFixture.tsx +114 -0
  151. package/src/hardware-sim/BaseDeck/WasteChuteFixture.tsx +114 -0
  152. package/src/hardware-sim/BaseDeck/WasteChuteStagingAreaFixture.tsx +68 -0
  153. package/src/hardware-sim/BaseDeck/__fixtures__/index.ts +165 -0
  154. package/src/hardware-sim/BaseDeck/index.ts +5 -0
  155. package/src/hardware-sim/Deck/DeckFromLayers.tsx +58 -0
  156. package/src/hardware-sim/Deck/FlexTrash.tsx +128 -0
  157. package/src/hardware-sim/Deck/MoveLabwareOnDeck.stories.tsx +97 -0
  158. package/src/hardware-sim/Deck/MoveLabwareOnDeck.tsx +251 -0
  159. package/src/hardware-sim/Deck/OT2Layers.tsx +153 -0
  160. package/src/hardware-sim/Deck/RobotCoordsForeignDiv.tsx +46 -0
  161. package/src/hardware-sim/Deck/RobotCoordsForeignObject.tsx +42 -0
  162. package/src/hardware-sim/Deck/RobotCoordsText.tsx +32 -0
  163. package/src/hardware-sim/Deck/RobotWorkSpace.tsx +90 -0
  164. package/src/hardware-sim/Deck/SlotLabels.tsx +111 -0
  165. package/src/hardware-sim/Deck/__mocks__/getDeckDefinitions.ts +29 -0
  166. package/src/hardware-sim/Deck/constants.ts +12 -0
  167. package/src/hardware-sim/Deck/index.tsx +8 -0
  168. package/src/hardware-sim/DeckConfigurator/AbsorbanceReaderFixture.tsx +91 -0
  169. package/src/hardware-sim/DeckConfigurator/DeckConfigurator.stories.tsx +110 -0
  170. package/src/hardware-sim/DeckConfigurator/EmptyConfigFixture.tsx +131 -0
  171. package/src/hardware-sim/DeckConfigurator/HeaterShakerFixture.tsx +102 -0
  172. package/src/hardware-sim/DeckConfigurator/MagneticBlockFixture.tsx +130 -0
  173. package/src/hardware-sim/DeckConfigurator/StagingAreaConfigFixture.tsx +89 -0
  174. package/src/hardware-sim/DeckConfigurator/StaticFixture.tsx +54 -0
  175. package/src/hardware-sim/DeckConfigurator/TemperatureModuleFixture.tsx +103 -0
  176. package/src/hardware-sim/DeckConfigurator/ThermocyclerFixture.tsx +89 -0
  177. package/src/hardware-sim/DeckConfigurator/TrashBinConfigFixture.tsx +99 -0
  178. package/src/hardware-sim/DeckConfigurator/WasteChuteConfigFixture.tsx +96 -0
  179. package/src/hardware-sim/DeckConfigurator/constants.ts +81 -0
  180. package/src/hardware-sim/DeckConfigurator/index.tsx +285 -0
  181. package/src/hardware-sim/DeckSlotLocation/index.tsx +88 -0
  182. package/src/hardware-sim/Labware/Labware.tsx +173 -0
  183. package/src/hardware-sim/Labware/LabwareAdapter/Opentrons96DeepWellAdapter.tsx +23 -0
  184. package/src/hardware-sim/Labware/LabwareAdapter/Opentrons96FlatBottomAdapter.tsx +7 -0
  185. package/src/hardware-sim/Labware/LabwareAdapter/OpentronsAluminumFlatBottomPlate.tsx +13 -0
  186. package/src/hardware-sim/Labware/LabwareAdapter/OpentronsAutoclavableDeckRiser.tsx +100 -0
  187. package/src/hardware-sim/Labware/LabwareAdapter/OpentronsFlex96TiprackAdapter.tsx +13 -0
  188. package/src/hardware-sim/Labware/LabwareAdapter/OpentronsToughPCRAutoSealingLid.tsx +83 -0
  189. package/src/hardware-sim/Labware/LabwareAdapter/OpentronsUniversalFlatAdapter.tsx +13 -0
  190. package/src/hardware-sim/Labware/LabwareAdapter/index.tsx +73 -0
  191. package/src/hardware-sim/Labware/LabwareRender.stories.tsx +96 -0
  192. package/src/hardware-sim/Labware/LabwareRender.tsx +173 -0
  193. package/src/hardware-sim/Labware/LabwareStackRender.tsx +272 -0
  194. package/src/hardware-sim/Labware/__tests__/Labware.test.tsx +43 -0
  195. package/src/hardware-sim/Labware/__tests__/LabwareRender.test.tsx +54 -0
  196. package/src/hardware-sim/Labware/index.ts +6 -0
  197. package/src/hardware-sim/Labware/labwareInternals/FilledWells.tsx +39 -0
  198. package/src/hardware-sim/Labware/labwareInternals/LabwareOutline.tsx +133 -0
  199. package/src/hardware-sim/Labware/labwareInternals/LabwareWellLabels.tsx +118 -0
  200. package/src/hardware-sim/Labware/labwareInternals/StaticLabware.tsx +121 -0
  201. package/src/hardware-sim/Labware/labwareInternals/StrokedWells.tsx +38 -0
  202. package/src/hardware-sim/Labware/labwareInternals/StyledWells.tsx +77 -0
  203. package/src/hardware-sim/Labware/labwareInternals/Well.tsx +74 -0
  204. package/src/hardware-sim/Labware/labwareInternals/WellLabels.tsx +121 -0
  205. package/src/hardware-sim/Labware/labwareInternals/__tests__/LabwareWellLabels.test.tsx +66 -0
  206. package/src/hardware-sim/Labware/labwareInternals/__tests__/StrokedWells.test.tsx +31 -0
  207. package/src/hardware-sim/Labware/labwareInternals/__tests__/WellLabels.test.tsx +91 -0
  208. package/src/hardware-sim/Labware/labwareInternals/index.ts +8 -0
  209. package/src/hardware-sim/Labware/labwareInternals/types.ts +18 -0
  210. package/src/hardware-sim/Module/HeaterShaker.tsx +83 -0
  211. package/src/hardware-sim/Module/MagneticBlock.tsx +49 -0
  212. package/src/hardware-sim/Module/MagneticModule.tsx +51 -0
  213. package/src/hardware-sim/Module/Module.stories.tsx +90 -0
  214. package/src/hardware-sim/Module/ModuleTag.tsx +38 -0
  215. package/src/hardware-sim/Module/PlateReader.tsx +208 -0
  216. package/src/hardware-sim/Module/Temperature.tsx +54 -0
  217. package/src/hardware-sim/Module/Thermocycler/ThermocyclerGEN1.tsx +248 -0
  218. package/src/hardware-sim/Module/Thermocycler/ThermocyclerGEN2.tsx +286 -0
  219. package/src/hardware-sim/Module/Thermocycler/index.tsx +49 -0
  220. package/src/hardware-sim/Module/index.tsx +227 -0
  221. package/src/hardware-sim/Pipette/EightEmanatingNozzles.tsx +23 -0
  222. package/src/hardware-sim/Pipette/EmanatingNozzle.tsx +52 -0
  223. package/src/hardware-sim/Pipette/PipetteRender.stories.tsx +71 -0
  224. package/src/hardware-sim/Pipette/PipetteRender.tsx +92 -0
  225. package/src/hardware-sim/Pipette/__tests__/EightEmanatingNozzles.test.tsx +16 -0
  226. package/src/hardware-sim/Pipette/__tests__/EmanatingNozzle.test.tsx +67 -0
  227. package/src/hardware-sim/Pipette/__tests__/PipetteRender.test.tsx +99 -0
  228. package/src/hardware-sim/Pipette/constants.ts +10 -0
  229. package/src/hardware-sim/Pipette/index.ts +1 -0
  230. package/src/hardware-sim/ProtocolDeck/LabwareInfo.tsx +68 -0
  231. package/src/hardware-sim/ProtocolDeck/ProtocolDeck.stories.tsx +25 -0
  232. package/src/hardware-sim/ProtocolDeck/__fixtures__/analysis_QIAseqFX24xv4_8.json +47145 -0
  233. package/src/hardware-sim/ProtocolDeck/index.tsx +174 -0
  234. package/src/hardware-sim/ProtocolDeck/types.ts +6 -0
  235. package/src/hardware-sim/ProtocolDeck/utils/__tests__/getLabwareInforByLiquidId.test.ts +158 -0
  236. package/src/hardware-sim/ProtocolDeck/utils/getInitiallyLoadedLabwareByAdapter.ts +33 -0
  237. package/src/hardware-sim/ProtocolDeck/utils/getLabwareInSlots.ts +155 -0
  238. package/src/hardware-sim/ProtocolDeck/utils/getLabwareInfoByLiquidId.ts +42 -0
  239. package/src/hardware-sim/ProtocolDeck/utils/getModulesInSlots.ts +129 -0
  240. package/src/hardware-sim/ProtocolDeck/utils/getStandardDeckViewLayerBlockList.ts +29 -0
  241. package/src/hardware-sim/ProtocolDeck/utils/getWellFillFromLabwareId.ts +30 -0
  242. package/src/hardware-sim/ProtocolDeck/utils/index.ts +3 -0
  243. package/src/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpace.tsx +28 -0
  244. package/src/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpaceWithRef.tsx +52 -0
  245. package/src/hardware-sim/RobotCoordinateSpace/index.ts +2 -0
  246. package/src/hardware-sim/index.ts +11 -0
  247. package/src/hardware-sim/utils.ts +18 -0
  248. package/src/helix-design-system/borders.ts +32 -0
  249. package/src/helix-design-system/colors.ts +100 -0
  250. package/src/helix-design-system/index.ts +4 -0
  251. package/src/helix-design-system/product/index.ts +1 -0
  252. package/src/helix-design-system/product/typography.ts +151 -0
  253. package/src/helix-design-system/style.ts +2 -0
  254. package/src/hooks/__tests__/useConditionalConfirm.test.tsx +5 -0
  255. package/src/hooks/__tests__/useDrag.test.ts +46 -0
  256. package/src/hooks/__tests__/useIdle.test.ts +68 -0
  257. package/src/hooks/__tests__/useInterval.test.tsx +5 -0
  258. package/src/hooks/__tests__/useLongPress.test.ts +25 -0
  259. package/src/hooks/__tests__/useMountEffect.test.tsx +5 -0
  260. package/src/hooks/__tests__/usePrevious.test.tsx +5 -0
  261. package/src/hooks/__tests__/useScrolling.test.tsx +46 -0
  262. package/src/hooks/__tests__/useSwipe.test.tsx +26 -0
  263. package/src/hooks/__tests__/useTimeout.test.tsx +5 -0
  264. package/src/hooks/__tests__/useToggle.test.tsx +5 -0
  265. package/src/hooks/index.ts +15 -0
  266. package/src/hooks/useConditionalConfirm.ts +70 -0
  267. package/src/hooks/useDrag.ts +90 -0
  268. package/src/hooks/useIdle.ts +68 -0
  269. package/src/hooks/useInterval.ts +38 -0
  270. package/src/hooks/useLongPress.ts +83 -0
  271. package/src/hooks/useMenuHandleClickOutside.tsx +46 -0
  272. package/src/hooks/useMountEffect.ts +12 -0
  273. package/src/hooks/usePrevious.ts +19 -0
  274. package/src/hooks/useScrolling.ts +33 -0
  275. package/src/hooks/useSelectDeckLocation/SelectDeckLocation.stories.tsx +55 -0
  276. package/src/hooks/useSelectDeckLocation/index.tsx +331 -0
  277. package/src/hooks/useSwipe.ts +86 -0
  278. package/src/hooks/useTimeout.ts +33 -0
  279. package/src/hooks/useToggle.ts +27 -0
  280. package/src/icons/Icon.stories.tsx +37 -0
  281. package/src/icons/Icon.tsx +79 -0
  282. package/src/icons/IconList.stories.tsx +108 -0
  283. package/src/icons/ModuleIcon.tsx +48 -0
  284. package/src/icons/NotificationIcon.tsx +41 -0
  285. package/src/icons/icon-data.ts +821 -0
  286. package/src/icons/index.ts +6 -0
  287. package/src/images/index.ts +1 -0
  288. package/src/images/labware/index.ts +1 -0
  289. package/src/images/labware/measurement-guide/images/depth/depth-plate-flat@3x.png +0 -0
  290. package/src/images/labware/measurement-guide/images/depth/depth-plate-round@3x.png +0 -0
  291. package/src/images/labware/measurement-guide/images/depth/depth-plate-v@3x.png +0 -0
  292. package/src/images/labware/measurement-guide/images/depth/depth-reservoir-and-tubes-flat@3x.png +0 -0
  293. package/src/images/labware/measurement-guide/images/depth/depth-reservoir-and-tubes-round@3x.png +0 -0
  294. package/src/images/labware/measurement-guide/images/depth/depth-reservoir-and-tubes-v@3x.png +0 -0
  295. package/src/images/labware/measurement-guide/images/depth/length-tip-rack@3x.png +0 -0
  296. package/src/images/labware/measurement-guide/images/dimensions/footprint@3x.png +0 -0
  297. package/src/images/labware/measurement-guide/images/dimensions/height-alum-block-plate@3x.png +0 -0
  298. package/src/images/labware/measurement-guide/images/dimensions/height-alum-block-tubes@3x.png +0 -0
  299. package/src/images/labware/measurement-guide/images/dimensions/height-plate-and-reservoir@3x.png +0 -0
  300. package/src/images/labware/measurement-guide/images/dimensions/height-tip-rack@3x.png +0 -0
  301. package/src/images/labware/measurement-guide/images/dimensions/height-tube-rack-irregular@3x.png +0 -0
  302. package/src/images/labware/measurement-guide/images/dimensions/height-tube-rack@3x.png +0 -0
  303. package/src/images/labware/measurement-guide/images/offset/offset-reservoir@3x.png +0 -0
  304. package/src/images/labware/measurement-guide/images/offset/offset-well-circular@3x.png +0 -0
  305. package/src/images/labware/measurement-guide/images/offset/offset-well-rectangular@3x.png +0 -0
  306. package/src/images/labware/measurement-guide/images/shape/shape-circular@3x.png +0 -0
  307. package/src/images/labware/measurement-guide/images/shape/shape-rectangular@3x.png +0 -0
  308. package/src/images/labware/measurement-guide/images/spacing/spacing-reservoir-multi-row@3x.png +0 -0
  309. package/src/images/labware/measurement-guide/images/spacing/spacing-reservoir@3x.png +0 -0
  310. package/src/images/labware/measurement-guide/images/spacing/spacing-well-circular@3x.png +0 -0
  311. package/src/images/labware/measurement-guide/images/spacing/spacing-well-rectangular@3x.png +0 -0
  312. package/src/images/labware/measurement-guide/index.ts +272 -0
  313. package/src/index.module.css +9 -0
  314. package/src/index.ts +41 -0
  315. package/src/instrument/InstrumentDiagram.stories.tsx +42 -0
  316. package/src/instrument/InstrumentDiagram.tsx +58 -0
  317. package/src/instrument/InstrumentGroup.stories.tsx +88 -0
  318. package/src/instrument/InstrumentGroup.tsx +35 -0
  319. package/src/instrument/InstrumentInfo.tsx +107 -0
  320. package/src/instrument/PipetteSelect.module.css +14 -0
  321. package/src/instrument/PipetteSelect.stories.tsx +40 -0
  322. package/src/instrument/PipetteSelect.tsx +170 -0
  323. package/src/instrument/__tests__/InstrumentInfo.test.tsx +55 -0
  324. package/src/instrument/__tests__/PipetteSelect.test.tsx +4 -0
  325. package/src/instrument/eight-channel-flex.png +0 -0
  326. package/src/instrument/index.ts +4 -0
  327. package/src/instrument/instrument.module.css +45 -0
  328. package/src/instrument/multi-channel_GEN1_800px.png +0 -0
  329. package/src/instrument/multi-channel_GEN2_800px.png +0 -0
  330. package/src/instrument/ninety-six-channel-gen1.png +0 -0
  331. package/src/instrument/pipetteGEN2Multi.png +0 -0
  332. package/src/instrument/pipetteGEN2Single.png +0 -0
  333. package/src/instrument/pipetteMulti.png +0 -0
  334. package/src/instrument/pipetteSingle.png +0 -0
  335. package/src/instrument/single-channel-flex.png +0 -0
  336. package/src/instrument/single-channel_GEN2_800px.png +0 -0
  337. package/src/instrument/single_channel_GEN1_800px.png +0 -0
  338. package/src/interaction-enhancers/ClickOutside.ts +57 -0
  339. package/src/interaction-enhancers/HandleKeypress.tsx +69 -0
  340. package/src/interaction-enhancers/__tests__/useHover.test.tsx +4 -0
  341. package/src/interaction-enhancers/index.ts +4 -0
  342. package/src/interaction-enhancers/useHover.ts +84 -0
  343. package/src/interaction-enhancers/useOnClickOutside.ts +42 -0
  344. package/src/legacy-hardware-sim/LabwareNameOverlay.module.css +20 -0
  345. package/src/legacy-hardware-sim/LabwareNameOverlay.tsx +22 -0
  346. package/src/legacy-hardware-sim/ModuleItem.module.css +98 -0
  347. package/src/legacy-hardware-sim/ModuleItem.tsx +145 -0
  348. package/src/legacy-hardware-sim/index.ts +2 -0
  349. package/src/lists/SidePanelGroup.tsx +48 -0
  350. package/src/lists/TitledList.tsx +155 -0
  351. package/src/lists/index.ts +3 -0
  352. package/src/lists/lists.module.css +171 -0
  353. package/src/modals/AlertModal.tsx +89 -0
  354. package/src/modals/ContinueModal.tsx +32 -0
  355. package/src/modals/LegacyModal.tsx +59 -0
  356. package/src/modals/Modal.stories.tsx +52 -0
  357. package/src/modals/Modal.tsx +96 -0
  358. package/src/modals/ModalHeader.tsx +100 -0
  359. package/src/modals/ModalShell.tsx +155 -0
  360. package/src/modals/Overlay.tsx +38 -0
  361. package/src/modals/SpinnerModal.tsx +35 -0
  362. package/src/modals/SpinnerModalPage.tsx +30 -0
  363. package/src/modals/__tests__/Modal.test.tsx +65 -0
  364. package/src/modals/__tests__/ModalHeader.test.tsx +73 -0
  365. package/src/modals/__tests__/ModalShell.test.tsx +45 -0
  366. package/src/modals/index.ts +10 -0
  367. package/src/modals/modals.module.css +275 -0
  368. package/src/molecules/Banner/Banner.stories.tsx +41 -0
  369. package/src/molecules/Banner/__tests__/Banner.test.tsx +94 -0
  370. package/src/molecules/Banner/index.tsx +147 -0
  371. package/src/molecules/DeckInfoLabel/DeckInfoLabel.stories.tsx +65 -0
  372. package/src/molecules/DeckInfoLabel/__tests__/DeckInfoLabel.test.tsx +49 -0
  373. package/src/molecules/DeckInfoLabel/index.tsx +95 -0
  374. package/src/molecules/DeckLabel/DeckLabel.stories.tsx +31 -0
  375. package/src/molecules/DeckLabel/__tests__/DeckLabel.test.tsx +69 -0
  376. package/src/molecules/DeckLabel/index.tsx +80 -0
  377. package/src/molecules/DropdownMenu/DropdownMenu.stories.tsx +30 -0
  378. package/src/molecules/DropdownMenu/__tests__/DropdownMenu.test.tsx +85 -0
  379. package/src/molecules/DropdownMenu/index.tsx +343 -0
  380. package/src/molecules/InfoScreen/InfoScreen.stories.tsx +50 -0
  381. package/src/molecules/InfoScreen/__tests__/InfoScreen.test.tsx +40 -0
  382. package/src/molecules/InfoScreen/index.tsx +54 -0
  383. package/src/molecules/LiquidIcon/LiquidIcon.stories.tsx +53 -0
  384. package/src/molecules/LiquidIcon/__tests__/LiquidIcon.test.tsx +50 -0
  385. package/src/molecules/LiquidIcon/index.tsx +68 -0
  386. package/src/molecules/ParametersTable/ParametersTable.stories.tsx +172 -0
  387. package/src/molecules/ParametersTable/__tests__/ParametersTable.test.tsx +126 -0
  388. package/src/molecules/ParametersTable/index.tsx +198 -0
  389. package/src/molecules/Tabs/Tabs.stories.tsx +74 -0
  390. package/src/molecules/Tabs/__tests__/Tabs.test.tsx +90 -0
  391. package/src/molecules/Tabs/index.tsx +94 -0
  392. package/src/molecules/index.ts +8 -0
  393. package/src/nav/SidePanel.module.css +34 -0
  394. package/src/nav/SidePanel.stories.tsx +29 -0
  395. package/src/nav/SidePanel.tsx +21 -0
  396. package/src/nav/index.ts +2 -0
  397. package/src/organisms/DeckLabelSet/DeckLabelSet.stories.tsx +46 -0
  398. package/src/organisms/DeckLabelSet/__tests__/DeckLabelSet.test.tsx +49 -0
  399. package/src/organisms/DeckLabelSet/index.tsx +69 -0
  400. package/src/organisms/EndUserAgreementFooter/__tests__/EndUserAgreementFooter.test.tsx +21 -0
  401. package/src/organisms/EndUserAgreementFooter/index.tsx +49 -0
  402. package/src/organisms/Toolbox/Toolbox.stories.tsx +23 -0
  403. package/src/organisms/Toolbox/__tests__/Toolbox.test.tsx +35 -0
  404. package/src/organisms/Toolbox/index.tsx +160 -0
  405. package/src/organisms/index.ts +3 -0
  406. package/src/primitives/Box.stories.tsx +25 -0
  407. package/src/primitives/Box.tsx +17 -0
  408. package/src/primitives/Btn.stories.tsx +105 -0
  409. package/src/primitives/Btn.tsx +266 -0
  410. package/src/primitives/Flex.stories.tsx +50 -0
  411. package/src/primitives/Flex.tsx +17 -0
  412. package/src/primitives/ForeignObject.tsx +70 -0
  413. package/src/primitives/Link.stories.tsx +27 -0
  414. package/src/primitives/Link.tsx +32 -0
  415. package/src/primitives/README.md +188 -0
  416. package/src/primitives/Svg.stories.tsx +36 -0
  417. package/src/primitives/Svg.tsx +68 -0
  418. package/src/primitives/Text.stories.tsx +17 -0
  419. package/src/primitives/Text.tsx +18 -0
  420. package/src/primitives/__tests__/Box.test.tsx +4 -0
  421. package/src/primitives/__tests__/Btn.test.tsx +4 -0
  422. package/src/primitives/__tests__/Flex.test.tsx +4 -0
  423. package/src/primitives/__tests__/Link.test.tsx +4 -0
  424. package/src/primitives/__tests__/Svg.test.tsx +4 -0
  425. package/src/primitives/__tests__/Text.test.tsx +4 -0
  426. package/src/primitives/__tests__/primitives.test.tsx +4 -0
  427. package/src/primitives/__tests__/style-props.test.tsx +4 -0
  428. package/src/primitives/index.ts +10 -0
  429. package/src/primitives/style-props.ts +197 -0
  430. package/src/primitives/types.ts +120 -0
  431. package/src/robot-types.ts +4 -0
  432. package/src/slotmap/OT2SlotMap.tsx +73 -0
  433. package/src/slotmap/__tests__/OT2SlotMap.test.tsx +4 -0
  434. package/src/slotmap/index.ts +1 -0
  435. package/src/slotmap/styles.module.css +18 -0
  436. package/src/structure/Card.stories.tsx +28 -0
  437. package/src/structure/Card.tsx +64 -0
  438. package/src/structure/LabeledValue.stories.tsx +17 -0
  439. package/src/structure/LabeledValue.tsx +31 -0
  440. package/src/structure/Pill.module.css +16 -0
  441. package/src/structure/Pill.tsx +43 -0
  442. package/src/structure/Splash.module.css +16 -0
  443. package/src/structure/Splash.stories.tsx +24 -0
  444. package/src/structure/Splash.tsx +22 -0
  445. package/src/structure/TitleBar.stories.tsx +42 -0
  446. package/src/structure/TitleBar.tsx +81 -0
  447. package/src/structure/index.ts +7 -0
  448. package/src/structure/structure.module.css +114 -0
  449. package/src/styles/borders.module.css +20 -0
  450. package/src/styles/borders.ts +16 -0
  451. package/src/styles/colors.module.css +57 -0
  452. package/src/styles/colors.ts +58 -0
  453. package/src/styles/cursor.ts +12 -0
  454. package/src/styles/flexbox.ts +39 -0
  455. package/src/styles/index.module.css +8 -0
  456. package/src/styles/index.ts +8 -0
  457. package/src/styles/layout.ts +31 -0
  458. package/src/styles/position.ts +5 -0
  459. package/src/styles/spacing.ts +11 -0
  460. package/src/styles/typography.module.css +22 -0
  461. package/src/styles/typography.ts +90 -0
  462. package/src/testing/utils/index.ts +2 -0
  463. package/src/testing/utils/matchers.ts +31 -0
  464. package/src/testing/utils/renderWithProviders.tsx +53 -0
  465. package/src/tooltips/DeprecatedTooltip.tsx +105 -0
  466. package/src/tooltips/HoverTooltip.tsx +83 -0
  467. package/src/tooltips/LegacyTooltip.stories.tsx +98 -0
  468. package/src/tooltips/LegacyTooltip.tsx +151 -0
  469. package/src/tooltips/__tests__/Tooltip.test.tsx +4 -0
  470. package/src/tooltips/__tests__/useHoverTooltip.test.tsx +4 -0
  471. package/src/tooltips/__tests__/usePopper.test.tsx +4 -0
  472. package/src/tooltips/__tests__/useTooltip.test.tsx +4 -0
  473. package/src/tooltips/constants.ts +28 -0
  474. package/src/tooltips/index.ts +10 -0
  475. package/src/tooltips/styles.ts +20 -0
  476. package/src/tooltips/tooltips.module.css +72 -0
  477. package/src/tooltips/types.ts +73 -0
  478. package/src/tooltips/useHoverTooltip.ts +47 -0
  479. package/src/tooltips/usePopper.ts +87 -0
  480. package/src/tooltips/useTooltip.ts +100 -0
  481. package/src/ui-style-constants/index.ts +4 -0
  482. package/src/ui-style-constants/responsiveness.ts +15 -0
  483. package/src/ui-style-constants/spacing.ts +18 -0
  484. package/src/ui-style-constants/typography.ts +258 -0
  485. package/src/ui-style-constants/viewport.ts +18 -0
  486. package/src/utils.ts +56 -0
  487. package/tsconfig.json +0 -2
  488. package/vite.config.mts +6 -25
  489. package/lib/index.cjs +0 -732
  490. package/lib/index.mjs +0 -36590
  491. package/lib/style.css +0 -1
package/lib/style.css DELETED
@@ -1 +0,0 @@
1
- ._tooltip_box_1izoa_4{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#fff;color:var(--c-font-light);background-color:#4a4a4a;background-color:var(--c-bg-dark);box-shadow:0 3px 6px #00000021,0 3px 6px #0000003b;padding:8px;cursor:pointer;z-index:9001}._arrow_1izoa_15{position:absolute;bottom:0;left:0;margin-bottom:-.5em;width:1em;height:.5em}._arrow_1izoa_15:before{border-width:.5em .5em 0 .5em;content:"";margin:auto;display:block;width:0;height:0;border-style:solid;border-color:#4a4a4a transparent transparent transparent;border-color:var(--c-bg-dark) transparent transparent transparent}._arrow_1izoa_15._bottom_1izoa_35{top:0;left:0;margin-top:-.5em;width:1em;height:.5em}._arrow_1izoa_15._bottom_1izoa_35:before{border-width:0 .5em .5em .5em;border-color:transparent transparent #4a4a4a transparent;border-color:transparent transparent var(--c-bg-dark) transparent}._arrow_1izoa_15._right_1izoa_48{top:0;left:0;margin-left:-.5em;height:1em;width:.5em}._arrow_1izoa_15._right_1izoa_48:before{border-width:.5em .5em .5em 0;border-color:transparent #4a4a4a transparent transparent;border-color:transparent var(--c-bg-dark) transparent transparent}._arrow_1izoa_15._left_1izoa_61{top:0;right:0;margin-right:-.5em;height:1em;width:.5em}._arrow_1izoa_15._left_1izoa_61:before{border-width:.5em 0 .5em .5em;border-color:transparent transparent transparent #4a4a4a;border-color:transparent transparent transparent var(--c-bg-dark)}:root{--button-pad: .5rem;--button-inverted:{color:var(--c-font-light);border-color:var(--c-font-light);&:active{font-weight:var(--fw-regular);background-color:#5c5c5c}&:focus{background-color:#535353}&:hover{background-color:#535353}&:disabled,&.disabled{background-color:transparent;font-weight:400;border-color:var(--c-font-disabled);color:var(--c-font-disabled);fill:var(--c-font-disabled);cursor:default;pointer-events:none}&.hover{background-color:#535353}}}._button_primary_17eni_60{display:inline-block;-webkit-text-decoration:none;text-decoration:none;position:relative;line-height:1.4;border:none;padding:.5rem;padding:var(--button-pad);font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);text-align:center;text-transform:uppercase;cursor:pointer;background:transparent;border-radius:2px;border-radius:var(--bd-radius-default);width:100%;color:#fff;color:var(--c-font-light);background-color:#4a4a4a;background-color:var(--c-bg-dark);box-shadow:0 0 2px #0000001f,0 2px 2px #0000003d}._button_primary_17eni_60:focus{background-color:#343434}._button_primary_17eni_60:hover,._button_primary_17eni_60._hover_17eni_50{background-color:#343434}._button_primary_17eni_60:active{font-weight:400;font-weight:var(--fw-regular);background-color:gray;box-shadow:0 0 8px #0000001f,0 8px 8px #0000003d}._button_primary_17eni_60._inverted_17eni_109{background-color:#fafafa;background-color:var(--c-bg-light);color:#4a4a4a;color:var(--c-font-dark)}._button_primary_17eni_60._inverted_17eni_109:focus,._button_primary_17eni_60._inverted_17eni_109:hover,._button_primary_17eni_60._inverted_17eni_109._hover_17eni_50{background-color:#eee}._button_primary_17eni_60._inverted_17eni_109:active{background-color:#e1e1e1}._button_primary_17eni_60:disabled,._button_primary_17eni_60._disabled_17eni_26{font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none;background-color:#c9c9c9;box-shadow:none;color:#9c9c9c;color:var(--c-font-disabled)}._button_flat_17eni_149{display:inline-block;-webkit-text-decoration:none;text-decoration:none;position:relative;line-height:1.4;border:none;padding:.5rem;padding:var(--button-pad);font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);text-align:center;text-transform:uppercase;cursor:pointer;color:#4a4a4a;color:var(--c-font-dark);background:transparent;border-radius:2px;border-radius:var(--bd-radius-default);width:9rem}._button_flat_17eni_149:active{font-weight:400;font-weight:var(--fw-regular);background-color:#e1e1e1}._button_flat_17eni_149:disabled,._button_flat_17eni_149._disabled_17eni_26{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none}._button_flat_17eni_149:focus{background-color:#9b9b9b40}._button_flat_17eni_149:hover,._button_flat_17eni_149._hover_17eni_50{background-color:#9b9b9b40}._button_flat_17eni_149._inverted_17eni_109{color:#fff;color:var(--c-font-light);border-color:#fff;border-color:var(--c-font-light)}._button_flat_17eni_149._inverted_17eni_109:active{font-weight:400;font-weight:var(--fw-regular);background-color:#5c5c5c}._button_flat_17eni_149._inverted_17eni_109:disabled,._button_flat_17eni_149._inverted_17eni_109._disabled_17eni_26{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none}._button_flat_17eni_149._inverted_17eni_109:focus{background-color:#535353}._button_flat_17eni_149._inverted_17eni_109:hover,._button_flat_17eni_149._inverted_17eni_109._hover_17eni_50{background-color:#535353}._button_outline_17eni_263{display:inline-block;-webkit-text-decoration:none;text-decoration:none;position:relative;line-height:1.4;padding:.5rem;padding:var(--button-pad);font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);text-align:center;text-transform:uppercase;cursor:pointer;color:#4a4a4a;color:var(--c-font-dark);background:transparent;border-radius:2px;border-radius:var(--bd-radius-default);width:9rem;border:1px solid #4a4a4a;border:1px solid var(--c-font-dark)}._button_outline_17eni_263:active{font-weight:400;font-weight:var(--fw-regular);background-color:#e1e1e1}._button_outline_17eni_263:disabled,._button_outline_17eni_263._disabled_17eni_26{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none}._button_outline_17eni_263:focus{background-color:#9b9b9b40}._button_outline_17eni_263:hover,._button_outline_17eni_263._hover_17eni_50{background-color:#9b9b9b40}._button_outline_17eni_263._inverted_17eni_109{color:#fff;color:var(--c-font-light);border-color:#fff;border-color:var(--c-font-light)}._button_outline_17eni_263._inverted_17eni_109:active{font-weight:400;font-weight:var(--fw-regular);background-color:#5c5c5c}._button_outline_17eni_263._inverted_17eni_109:disabled,._button_outline_17eni_263._inverted_17eni_109._disabled_17eni_26{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none}._button_outline_17eni_263._inverted_17eni_109:focus{background-color:#535353}._button_outline_17eni_263._inverted_17eni_109:hover,._button_outline_17eni_263._inverted_17eni_109._hover_17eni_50{background-color:#535353}._button_icon_17eni_379{width:auto}._button_icon_17eni_379>*{display:block;height:100%;width:100%}._button_icon_17eni_379._inverted_17eni_109{color:#fff;fill:#fff;stroke:#fff}._button_icon_17eni_379._inverted_17eni_109:disabled,._button_icon_17eni_379._inverted_17eni_109._disabled_17eni_26{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none}._icon_17eni_423{position:absolute;top:.5rem;top:var(--button-pad);left:.5rem;left:var(--button-pad);height:calc(100% - 1rem);height:calc(100% - 2 * var(--button-pad))}._modal_h7kfv_4{inset:0;display:flex;justify-content:center;align-items:center;align-items:flex-start;position:fixed;z-index:1;padding:4rem}._modal_page_h7kfv_34{position:absolute;inset:0;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:4.5rem 3rem 1rem}._overlay_h7kfv_65{position:absolute;inset:0;background-color:#000000e6}._title_bar_h7kfv_85{position:absolute;top:0;left:0;right:0;width:100%;z-index:3}._modal_contents_h7kfv_94{z-index:1;width:100%;max-width:38rem;margin:0 auto;padding:1rem;border-radius:.5rem;background-color:#fff}._modal_page_contents_h7kfv_117{z-index:1;width:100%;max-width:38rem;margin:0 auto;padding:1rem;border-radius:.5rem;background-color:#fff;max-height:100%;overflow-y:auto}._modal_heading_h7kfv_143{font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold);color:#4a4a4a;color:var(--c-font-dark);margin-top:0;margin-bottom:1rem;text-transform:capitalize}._alert_modal_wrapper_h7kfv_159{position:relative;max-height:100%;padding-top:4rem;border-radius:0}._alert_modal_heading_h7kfv_166._no_icon_heading_h7kfv_166{padding-left:2rem}._no_alert_header_h7kfv_170{padding-top:1.5rem}._spinner_modal_contents_h7kfv_174{width:100%;margin:0 auto;padding:3rem 1rem 1rem;border-radius:.5rem;font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);color:#fff;color:var(--c-font-light);max-width:30rem;background-color:transparent;flex-direction:column;font-style:italic;text-align:center;z-index:4}._spinner_modal_icon_h7kfv_207{width:7.5rem;margin-bottom:3rem}._clickable_h7kfv_212{cursor:pointer}._alert_modal_h7kfv_159{z-index:10}._alert_modal_overlay_h7kfv_220{background-color:#737373e6}._alert_modal_contents_h7kfv_224{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);width:100%;max-height:100%;padding:1rem}._alert_modal_contents_h7kfv_224>p{padding-bottom:1rem}._alert_modal_heading_h7kfv_166{font-size:1.125rem;font-size:var(--fs-header);color:#4a4a4a;color:var(--c-font-dark);font-weight:400;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;padding:1rem;background-color:#e0e0e0}._alert_modal_icon_h7kfv_263{height:1.125rem;margin-right:.75rem}._alert_modal_buttons_h7kfv_268{float:right;margin-top:1rem}._alert_button_h7kfv_273{margin-left:1rem}._title_bar_1lfcn_4{display:flex;align-items:center;height:3rem;text-transform:uppercase;background-color:#4a4a4a;background-color:var(--c-dark-gray)}._title_bar_1lfcn_4,._title_bar_1lfcn_4 a{color:#fff}._title_1lfcn_4,._subtitle_1lfcn_18,._separator_1lfcn_19{font-size:1.125rem;font-size:var(--fs-header);margin:0}._title_1lfcn_4,._separator_1lfcn_19{font-weight:600;font-weight:var(--fw-semibold)}._title_1lfcn_4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding:0 1.5rem}._subtitle_1lfcn_18{padding:0 1.5rem;font-weight:400}._title_1lfcn_4._right_1lfcn_42{margin-left:auto}._title_button_1lfcn_46{flex:none}._page_tabs_1lfcn_50{width:100%;text-align:center}._tab_link_1lfcn_55{display:inline-block;width:50%;padding:.25rem 0;font-size:3rem;font-size:var(--fs-huge);opacity:.2;background-color:#9b9b9b;background-color:var(--c-med-gray);color:#fff;text-transform:uppercase}._active_tab_link_1lfcn_66{opacity:1}._tab_title_1lfcn_70{font-weight:400}._active_tab_link_1lfcn_66 ._tab_title_1lfcn_70{font-weight:800;font-weight:var(--fw-bold)}._disabled_1lfcn_78{pointer-events:none;background-color:transparent}._disabled_1lfcn_78 *{color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);background-color:transparent}._labeled_value_1lfcn_89{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);line-height:1.5}._labeled_value_1lfcn_89 svg{height:.875rem;height:var(--fs-body-2)}._labeled_value_label_1lfcn_100{font-weight:600;font-weight:var(--fw-semibold);margin-top:0;margin-bottom:.25rem}._labeled_value_value_1lfcn_106{margin:0}._right_node_1lfcn_110{display:flex;justify-content:flex-end;margin-left:auto}._splash_yl85l_3{position:relative;width:100%;height:100%;color:#e5e2e2;color:var(--c-light-gray)}._splash_yl85l_3>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%}._pill_11mvp_3{border-radius:12px;border-radius:var(--bd-radius-pill);color:#fff;color:var(--c-white);padding:.5em}._pill_11mvp_3:empty:before{content:"​"}._invert_text_11mvp_14{color:#000;color:var(--c-black)}._alert_15d5j_3{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular)}._alert_15d5j_3:not(:first-of-type){border-top:none}._title_bar_15d5j_12{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-weight:600;font-weight:var(--fw-semibold)}._title_15d5j_12{width:100%}._success_15d5j_25{border:1px solid #60b120;border:1px solid var(--c-success)}._success_15d5j_25>._title_bar_15d5j_12{background-color:#b6febc;background-color:var(--c-bg-success);color:#60b120;color:var(--c-success)}._success_15d5j_25>._title_bar_15d5j_12 svg{color:#60b120;color:var(--c-success)}._info_15d5j_38{border:1px solid #5fd8ee;border:1px solid var(--c-highlight)}._info_15d5j_38>._title_bar_15d5j_12{background-color:#f0f3ff;background-color:var(--c-bg-selected);color:#00c3e6;color:var(--c-selected-dark)}._info_15d5j_38>._title_bar_15d5j_12 svg{color:#5fd8ee;color:var(--c-highlight)}._warning_15d5j_51{border:1px solid #e28200;border:1px solid var(--c-warning)}._warning_15d5j_51>._title_bar_15d5j_12{background-color:#ffd58f;background-color:var(--c-warning-light);color:#9e5e00;color:var(--c-warning-dark)}._warning_15d5j_51>._title_bar_15d5j_12 svg{fill:#e28200;fill:var(--c-warning)}._error_15d5j_64{border:1px solid #d12929;border:1px solid var(--c-error)}._error_15d5j_64>._title_bar_15d5j_12{background-color:#ffc0c0;background-color:var(--c-error-light);color:#ac0505;color:var(--c-error-dark)}._error_15d5j_64>._title_bar_15d5j_12 svg{fill:#d12929;fill:var(--c-error)}._message_15d5j_77{padding:1rem 3rem;background-color:#fff}._message_15d5j_77 a{-webkit-text-decoration:underline;text-decoration:underline;color:inherit}._message_15d5j_77:empty{padding:0}._icon_15d5j_91{width:1.5rem;margin-right:.5rem}._close_15d5j_96{width:2rem;padding:.125rem}._close_15d5j_96:hover{background-color:#6464641a}:root{--mw-labeled-toggle: 25rem}._toggled_on_yhddc_8{fill:#0ec9eb;color:#0ec9eb}._toggled_off_yhddc_13{fill:#4a4a4a;fill:var(--c-dark-gray)}._labeled_control_wrapper_yhddc_17{width:100%;padding:1rem;display:block}._labeled_control_wrapper_yhddc_17:not(:last-child){border-bottom:1px solid #e5e2e2;border-bottom:1px solid var(--c-light-gray)}._labeled_control_yhddc_17{display:block}._stacked_labeled_control_yhddc_31{display:block;margin-left:1rem;margin-top:.5rem}._stacked_labeled_control_label_yhddc_37{font-size:.75rem;font-size:var(--fs-body-1);color:#4a4a4a;color:var(--c-font-dark);display:inline-block;font-weight:600;font-weight:var(--fw-semibold)}._labeled_control_label_yhddc_44{font-size:.75rem;font-size:var(--fs-body-1);color:#4a4a4a;color:var(--c-font-dark);max-width:25rem;max-width:var(--mw-labeled-toggle);display:inline-block;font-weight:600;font-weight:var(--fw-semibold)}._labeled_toggle_button_yhddc_52{float:right;width:2rem;margin-right:1rem;padding:0}._labeled_toggle_button_yhddc_52:hover{background-color:transparent}._labeled_button_yhddc_63,._labeled_select_yhddc_64{float:right;width:9rem;margin-top:.5rem}._labeled_select_yhddc_64{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark)}._labeled_checkbox_yhddc_76{float:right}._stacked_control_info_yhddc_80{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark)}._stacked_control_info_yhddc_80>p{margin-top:.5rem;margin-bottom:0;line-height:1.5}._control_info_yhddc_92{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);max-width:25rem;max-width:var(--mw-labeled-toggle)}._control_info_yhddc_92>p{margin-top:.5rem;margin-bottom:0;line-height:1.5}._accessibly_hidden_18cab_3{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}._form_field_18cab_14{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);display:flex;align-items:center;line-height:1}._label_text_18cab_23{flex:0 0 auto;padding:0 .5rem}._label_text_18cab_23:empty{padding:0}._form_group_label_18cab_32{font-size:.75rem;font-size:var(--fs-body-1);color:#4a4a4a;color:var(--c-font-dark);font-weight:600;font-weight:var(--fw-semibold);margin-bottom:.15rem;text-transform:capitalize}._form_group_label_18cab_32:after{content:":"}._form_group_label_pipette_settings_slideout_18cab_44{font-weight:600;font-weight:var(--fw-semibold);margin-bottom:.5rem;text-transform:capitalize;font-size:13px;color:#16212d}._checkbox_icon_18cab_52{width:1.25rem;min-width:1.25rem;color:#4a4a4a;color:var(--c-font-dark);display:flex;justify-content:center;align-items:center}._checkbox_icon_18cab_52:not(._checkbox_disabled_18cab_61):hover{cursor:pointer}._checkbox_icon_18cab_52._error_18cab_65{color:#9e5e00;color:var(--c-warning-dark)}._checkbox_icon_18cab_52._checked_18cab_70{color:#006cfa;color:var(--c-blue)}._toggle_icon_18cab_74{display:block;width:2rem;min-width:2rem;color:#4a4a4a;color:var(--c-font-dark)}._toggle_icon_18cab_74:not(._toggle_disabled_18cab_81):hover{cursor:pointer}._dropdown_disabled_18cab_86,._checkbox_disabled_18cab_61,._toggle_disabled_18cab_81{opacity:.5}._input_field_container_18cab_92{width:100%}._input_field_18cab_92{display:flex;flex:1 1;background-color:#e5e2e2;background-color:var(--c-light-gray);border-radius:3px;border-radius:var(--bd-radius-form-field);padding:.25rem .25rem .25rem .5rem}._input_field_18cab_92 input{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);background-color:inherit;border-radius:inherit;border:none;flex:1 1 auto;width:100%;height:1rem}._input_field_18cab_92 input:focus{outline:none}._input_field_18cab_92 input::placeholder{color:#9b9b9b;color:var(--c-med-gray)}._input_field_18cab_92:focus-within{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem #00000080}._input_field_18cab_92 ._suffix_18cab_135{font-size:.75rem;font-size:var(--fs-body-1);color:#4a4a4a;color:var(--c-font-dark);font-weight:600;font-weight:var(--fw-semibold);display:inline-block;flex:1 0;text-align:right;align-self:center}._input_caption_18cab_146{font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);color:#9b9b9b;color:var(--c-med-gray);line-height:1.2}._input_caption_18cab_146 ._right_18cab_152{float:right}._inline_18cab_157{display:flex}._inline_18cab_157 ._label_text_18cab_23{padding-right:1.5rem}._inline_item_18cab_165{flex:1}._error_18cab_65 div,._error_18cab_65 span{color:#9e5e00;color:var(--c-warning-dark)}._error_18cab_65 select,._error_18cab_65 ._input_field_18cab_92{background-color:#ffd58f;background-color:var(--c-warning-light)}._dropdown_18cab_86{background-color:#e5e2e2;background-color:var(--c-light-gray)}._dropdown_field_18cab_183{position:relative}._dropdown_field_18cab_183 select{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);border:0;padding:.25rem .5rem;outline:none;height:1.5rem;border-radius:3px;border-radius:var(--bd-radius-form-field);font-family:inherit;width:100%;-webkit-appearance:none;appearance:none;overflow:hidden}._dropdown_field_18cab_183 select:focus{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem #00000080}._dropdown_field_18cab_183 ._dropdown_icon_18cab_206{position:absolute;top:.2rem;right:.25rem;width:1.25rem;pointer-events:none}._dropdown_field_18cab_183 ._dropdown_icon_18cab_206 svg{color:#4a4a4a;color:var(--c-dark-gray)}._error_icon_18cab_219{display:inline-block;width:1.5rem;min-width:1.5rem;padding-right:.5rem}._disabled_18cab_226{pointer-events:none}._disabled_18cab_226 ._form_group_label_18cab_32{color:#e5e2e2;color:var(--c-light-gray)}._disabled_18cab_226 input,._disabled_18cab_226 ._suffix_18cab_135{color:#9b9b9b;color:var(--c-med-gray)}._example_select_override_154j2_5 .ot_select__control{background-color:#00f}._select_154j2_11{position:relative}._select_154j2_11 .ot_select__control{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);display:flex;position:relative;background-color:#e5e2e2;background-color:var(--c-light-gray);border:none;padding:.25rem 0;outline:none;border-radius:3px;border-radius:var(--bd-radius-form-field);height:1.75rem;box-shadow:none}._select_154j2_11 .ot_select__control--menu-is-open{border-bottom-left-radius:0;border-bottom-right-radius:0}._select_154j2_11 .ot_select__control--menu-is-open,._select_154j2_11 .ot_select__control--is-focused{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem #00000080}._select_154j2_11 .ot_select__option{display:flex;padding:.25rem .75rem;cursor:default}._select_154j2_11 .ot_select__option--is-focused{background-color:#e5e2e2;background-color:var(--c-light-gray)}._select_154j2_11 .ot_select__option--is-disabled{color:#9c9c9c;color:var(--c-font-disabled)}._select_154j2_11 .ot_select__group-heading{font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);color:#9b9b9b;color:var(--c-med-gray);text-transform:uppercase;margin-left:.5rem}._select_154j2_11 .ot_select__single-value{display:flex}._select_154j2_11 .ot_select__group:not(:first-child){margin-top:.25rem;border-top:1px solid rgba(155,155,155,.4);padding-top:.25rem}._dropdown_indicator_154j2_73{position:absolute;top:.25rem;right:.25rem;width:1.25rem;pointer-events:none}._dropdown_indicator_154j2_73>svg{color:#4a4a4a;color:var(--c-dark-gray)}._dropdown_indicator_154j2_73._flipped_154j2_84>svg{transform:rotate(180deg)}._dropdown_indicator_icon_154j2_89{width:100%}._menu_154j2_93{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);position:absolute;top:100%;left:0;right:0;z-index:99;background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem #00000080;border-bottom-left-radius:3px;border-bottom-left-radius:var(--bd-radius-form-field);border-bottom-right-radius:3px;border-bottom-right-radius:var(--bd-radius-form-field);padding-top:.25rem;padding-bottom:.25rem}._menu_control_bridge_154j2_110{position:absolute;background-color:#fff;background-color:var(--c-white);top:calc(100% - 2px);left:0;right:0;z-index:99;height:4px}._select_field_10v6n_3._error_10v6n_3 .ot_select__control{background-color:#ffd58f;background-color:var(--c-warning-light)}._select_caption_10v6n_9{font-size:.625rem;font-size:var(--fs-caption)}._select_caption_10v6n_9._error_10v6n_3{color:#9e5e00;color:var(--c-warning-dark);font-weight:600;font-weight:var(--fw-semibold)}._name_overlay_lyt13_3{width:100%;font-size:.5rem;color:#fff;color:var(--c-font-light);background-color:#000000bf;padding:.25rem;border-radius:0 0 .5rem .5rem}._display_name_lyt13_12{font-weight:600;font-weight:var(--fw-semibold);color:#fff;color:var(--c-font-light);word-wrap:break-word}._deck_slot_lyt13_18:active{cursor:grabbing}._module_18o7c_3{color:#000;color:var(--c-black);background-color:#000;background-color:var(--c-black);opacity:.9;border-radius:6px;width:100%;height:100%;display:flex}._module_review_icon_18o7c_13{color:#fff;color:var(--c-white);margin:0 .25rem 0 0;height:12px;width:12px}._module_review_icon_missing_18o7c_20{color:#f00000;color:var(--c-red)}._module_review_icon_present_18o7c_24{color:#7ed321;color:var(--c-green)}._module_review_text_18o7c_28{fill:currentColor;font-size:.55rem;font-weight:600;font-weight:var(--fw-semibold);color:#fff;color:var(--c-white);text-transform:capitalize;white-space:pre;margin-bottom:.75rem}._module_name_overlay_18o7c_38{color:#000;color:var(--c-black);opacity:.7}._module_connect_info_wrapper_18o7c_43{display:flex;flex-direction:row;font-size:.5rem;color:#fff;color:var(--c-white)}._module_port_text_18o7c_50{fill:currentColor;color:#fff;color:var(--c-white);font-size:.65rem;font-weight:600;font-weight:var(--fw-semibold);text-transform:uppercase}._module_port_text_na_18o7c_58{fill:currentColor;color:#9b9b9b;color:var(--c-med-gray);font-size:.65rem;font-weight:600;font-weight:var(--fw-semibold);text-transform:uppercase}._module_wrapper_18o7c_66{display:flex;width:100%;padding:1.15rem;justify-content:center;flex-direction:column;align-items:flex-end}._flipped_module_wrapper_18o7c_75{display:flex;width:100%;padding:1.15rem;justify-content:center;flex-direction:column;align-items:flex-start}._module_name_text_18o7c_84{fill:currentColor;color:#fff;color:var(--c-white);font-size:.5rem;font-weight:600;font-weight:var(--fw-semibold);text-transform:uppercase}._flipped_18o7c_75{transform:rotate(180deg)}._right_icon_18o7c_96{margin:0 0 0 1rem}._pipette_group_df8d3_3{margin:0 auto;max-width:46rem;padding-bottom:2rem;display:grid;grid-template-columns:50% 50%;grid-template-areas:"left right"}._right_df8d3_12{grid-area:right;grid-template-columns:40% 80%;grid-template-areas:"img info"}._pipette_info_df8d3_18{grid-area:info;min-height:8rem}._flipped_image_df8d3_23{transform:scaleX(-1);filter:FlipH}._pipette_icon_df8d3_28{grid-area:img;text-align:center}._title_df8d3_33{font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);color:#4a4a4a;color:var(--c-font-dark);text-transform:capitalize;margin:2rem 0 .25rem}._value_df8d3_41{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark)}._pipette_volume_class_1eicr_1{cursor:default;min-width:3.5rem}._pipette_channels_1eicr_6{cursor:default;min-width:7rem}._pipette_category_1eicr_11{cursor:default;min-width:2.5rem}:root{--list-padding-large: 1rem;--list-padding-small: .75rem}._clickable_1842h_8{cursor:pointer}._disabled_1842h_12{background-color:transparent}._disabled_1842h_12 *{color:#9c9c9c;color:var(--c-font-disabled);outline-color:#eee;fill:#9c9c9c;fill:var(--c-font-disabled);background-color:transparent}._panel_group_1842h_23,._titled_list_1842h_24,._list_item_1842h_25{background-color:#fff}._panel_group_1842h_23{box-shadow:0 1px 2px #00000054}._hover_border_1842h_33{outline:1px solid #5fd8ee;outline:var(--bd-width-default) solid var(--c-highlight)}._header_text_1842h_37{text-transform:uppercase;font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);color:#9c9c9c;color:var(--c-font-disabled)}._title_bar_1842h_46{position:relative;display:flex;-webkit-text-decoration:none;text-decoration:none;padding:1rem .75rem;padding:var(--list-padding-large) var(--list-padding-small);flex-direction:column}._titled_list_title_bar_1842h_47{position:relative;display:flex;-webkit-text-decoration:none;text-decoration:none;padding:1rem .75rem;padding:var(--list-padding-large) var(--list-padding-small);flex-direction:row;align-items:center}._titled_list_selected_1842h_68 ._title_bar_1842h_46{background-color:#f0f3ff;background-color:var(--c-bg-selected)}._titled_list_selected_1842h_68 ._title_bar_1842h_46 *{color:#00c3e6;color:var(--c-selected-dark);font-weight:600;font-weight:var(--fw-semibold)}._title_1842h_24{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);margin:0;text-transform:uppercase}._title_enabled_1842h_86{color:#4a4a4a;color:var(--c-font-dark)}._title_disabled_1842h_90{color:#9c9c9c;color:var(--c-font-disabled)}._title_bar_icon_1842h_94{color:#4a4a4a;color:var(--c-font-dark);height:1.5rem}._title_bar_error_1842h_99{background-color:#ffc0c0;background-color:var(--c-error-light)}._icon_left_of_title_1842h_103{margin-right:.5rem;height:1.2rem}._icon_left_of_title_container_1842h_108{display:flex;justify-content:flex-start}._title_bar_carat_1842h_113{position:absolute;top:0;bottom:0;right:0;padding:calc(.75rem - 1px);padding:calc(var(--list-padding-small) - var(--bd-width-default));padding-top:1rem}._title_bar_carat_1842h_113:hover{background-color:#0000000d}._list_1842h_25{list-style-type:none;padding-left:0;margin:0}._list_item_1842h_25{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);display:flex;flex-direction:row;align-items:center;width:100%;line-height:1.25;margin:0;padding:.75rem;padding:var(--list-padding-small)}._list_item_1842h_25:hover{background-color:#f1f1f1;background-color:var(--c-bg-hover)}._list_item_1842h_25._active_1842h_148{background-color:#f0f3ff;background-color:var(--c-bg-selected)}a._list_item_1842h_25{-webkit-text-decoration:none;text-decoration:none}._list_alert_1842h_157{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);width:100%;padding:.75rem;padding:var(--list-padding-small);background-color:#fafafa;background-color:var(--c-bg-light);font-style:italic}._item_icon_1842h_167{flex:none;height:.9375rem;height:calc(1.25 * var(--fs-body-1));margin-right:.5rem}:root{--sidebar-width: 18.25rem}._panel_6dvfp_7{flex-shrink:0;overflow:visible;border-right:1px solid #e5e2e2;border-right:var(--bd-light);background-color:#fafafa;background-color:var(--c-bg-light);position:relative;padding:0 4px}._title_bar_6dvfp_16{display:flex;align-items:center;width:18.25rem;width:var(--sidebar-width)}._title_6dvfp_16{font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold);color:#4a4a4a;color:var(--c-font-dark);margin:1rem auto}._panel_contents_6dvfp_29{width:18.25rem;width:var(--sidebar-width);height:calc(100vh - 3.5rem);overflow-x:hidden;overflow-y:auto}:root{--c-mustard: #ffd252;--c-blue: #006cfa;--c-light-blue: hsl(214.08, 100%, 85%);--c-near-black: #a4a4a4;--c-dark-gray: #4a4a4a;--c-charcoal: #979797;--c-med-gray: #9b9b9b;--c-light-gray: #e5e2e2;--c-lightest-gray: #ededed;--c-bg-dark: #4a4a4a;--c-bg-light: #fafafa;--c-bg-selected: #f0f3ff;--c-bg-hover: #f1f1f1;--c-bg-success: #b6febc;--c-highlight: #5fd8ee;--c-selected-dark: #00c3e6;--c-warning-dark: #9e5e00;--c-warning: #e28200;--c-warning-light: #ffd58f;--c-error-dark: #ac0505;--c-error: #d12929;--c-error-light: #ffc0c0;--c-success: #60b120;--c-blue-enabled: #006cfa;--c-light-grey-hover: #c6c6c6;--c-selection-overlay: rgba(95, 216, 238, .3);--c-plate-bg: #ccc;--c-white: #fff;--c-black: #000;--c-green: #7ed321;--c-red: #f00000;--c-orange: #f5a623;--transition-color:{transition:color .15s ease-in-out}--transition-background-color:{transition:background-color .15s ease-in-out}}:root{--c-font-dark: #4a4a4a;--c-font-icon: #6f6f6f;--c-font-light: white;--c-font-disabled: #9c9c9c;--fs-huge: 3rem;--fs-header: 1.125rem;--fs-default: 1rem;--fs-body-2: .875rem;--fs-body-1: .75rem;--fs-caption: .625rem;--fs-tiny: .325rem;--fs-micro: .2rem;--fw-bold: 800;--fw-semibold: 600;--fw-regular: 400;--fw-light: 300;--ff-code: Consolas, monaco, monospace;--lh-solid: 1;--lh-title: 1.25;--lh-copy: 1.5}:root{--bd-radius-default: 2px;--bd-radius-form-field: 3px;--bd-radius-pill: 12px;--bd-width-default: 1px;--bd-light: var(--bd-width-default) solid var(--c-light-gray);--shadow-lvl-1: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lvl-2: 0 3px 6px 0 rgba(0, 0, 0, .13), 0 3px 6px 0 rgba(0, 0, 0, .23)}*{box-sizing:border-box}._slot_rect_v9we7_3{stroke:#9b9b9b;stroke:var(--c-med-gray);fill:none}._slot_occupied_v9we7_8{fill:#e5e2e2;fill:var(--c-light-gray)}._slot_occupied_v9we7_8._slot_error_v9we7_12{fill:#ffd58f;fill:var(--c-warning-light)}._collision_icon_v9we7_16{color:#9b9b9b;color:var(--c-med-gray)}