@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
@@ -0,0 +1,208 @@
1
+ export function PlateReader(): JSX.Element {
2
+ return (
3
+ <g>
4
+ <g id="plateReader">
5
+ <rect
6
+ style={{
7
+ fill: '#DEDEDE',
8
+ }}
9
+ y="0"
10
+ width="298.9"
11
+ height="101"
12
+ rx="4.7"
13
+ ry="4.7"
14
+ />
15
+ <g>
16
+ <path
17
+ style={{
18
+ fill: '#e6e6e6',
19
+ }}
20
+ d="M163.5,5.7h123.7c3.1,0,5.6,2.5,5.6,5.6v72.7c0,3.1-2.5,5.6-5.6,5.6h-123.7c-3.1,0-5.6-2.5-5.6-5.6V11.3c0-3.1,2.5-5.6,5.6-5.6h0Z"
21
+ />
22
+ <path
23
+ style={{
24
+ fill: '#4c4b4c',
25
+ }}
26
+ d="M287.2,6.1c2.8,0,5.2,2.3,5.2,5.2v72.7c0,2.8-2.3,5.2-5.2,5.2h-123.7c-2.8,0-5.2-2.3-5.2-5.2V11.3c0-2.8,2.3-5.2,5.2-5.2h123.7M287.2,5.2h-123.7c-3.4,0-6.1,2.7-6.1,6.1v72.7c0,3.4,2.7,6.1,6.1,6.1h123.7c3.4,0,6.1-2.7,6.1-6.1V11.3c0-3.4-2.7-6.1-6.1-6.1h0Z"
27
+ />
28
+ </g>
29
+ <path
30
+ style={{
31
+ fill: '#4a4b4c',
32
+ }}
33
+ d="M278,85.6h-105.3c-2.3,0-4.1-1.8-4.1-4.1V13.7c0-2.2,1.8-4.1,4.1-4.1h105.3c2.3,0,4.1,1.8,4.1,4.1v67.9c0,2.2-1.8,4.1-4.1,4.1Z"
34
+ />
35
+ <g>
36
+ <g>
37
+ <path
38
+ style={{
39
+ fill: '#e6e6e5',
40
+ }}
41
+ d="M4.3,8.4h0c1.6,0,2.2,1.3,2.2,3v72.7c0,1.6-.6,3-2.2,3h0c-1.6,0-2.2-1.3-2.2-3V11.4c0-1.6.6-3,2.2-3h0Z"
42
+ />
43
+ <path
44
+ style={{
45
+ fill: '#4b4b4b',
46
+ }}
47
+ d="M4.3,87.5c-1.7,0-2.7-1.2-2.7-3.4V11.4c0-2.2,1-3.4,2.7-3.4s2.7,1.2,2.7,3.4v72.7c0,2.2-1,3.4-2.7,3.4ZM4.3,8.9c-1.2,0-1.8.8-1.8,2.5v72.7c0,1.7.6,2.5,1.8,2.5s1.8-.8,1.8-2.5V11.4c0-1.7-.6-2.5-1.8-2.5h0Z"
48
+ />
49
+ </g>
50
+ <rect
51
+ style={{
52
+ fill: '#4b4b4b',
53
+ }}
54
+ x="2"
55
+ y="15.8"
56
+ width="4.5"
57
+ height=".9"
58
+ />
59
+ <rect
60
+ style={{
61
+ fill: '#4b4b4b',
62
+ }}
63
+ x="2"
64
+ y="78.9"
65
+ width="4.5"
66
+ height=".9"
67
+ />
68
+ </g>
69
+ <g>
70
+ <g>
71
+ <rect
72
+ style={{
73
+ fill: '#e6e6e6',
74
+ }}
75
+ x="8.9"
76
+ y="3.5"
77
+ width="143.3"
78
+ height="88.6"
79
+ rx="6.2"
80
+ ry="6.2"
81
+ />
82
+ <path
83
+ style={{
84
+ fill: '#4d4b4d',
85
+ }}
86
+ d="M146,3.9c3.2,0,5.8,2.6,5.8,5.8v76.1c0,3.2-2.6,5.8-5.8,5.8H15.1c-3.2,0-5.8-2.6-5.8-5.8V9.7c0-3.2,2.6-5.8,5.8-5.8h130.9M146,3H15.1c-3.7,0-6.7,3-6.7,6.7v76.1c0,3.7,3,6.7,6.7,6.7h130.9c3.7,0,6.7-3,6.7-6.7V9.7c0-3.7-3-6.7-6.7-6.7h0Z"
87
+ />
88
+ </g>
89
+ <path
90
+ style={{
91
+ fill: '#4d4b4d',
92
+ }}
93
+ d="M144.7,6.6c2.3,0,4.2,1.9,4.2,4.2v74c0,2.3-1.9,4.2-4.2,4.2H16.3c-2.3,0-4.2-1.9-4.2-4.2V10.8c0-2.3,1.9-4.2,4.2-4.2h128.5M144.7,5.7H16.3c-2.8,0-5.1,2.3-5.1,5.1v74c0,2.8,2.3,5.1,5.1,5.1h128.5c2.8,0,5.1-2.3,5.1-5.1V10.8c0-2.8-2.3-5.1-5.1-5.1h0Z"
94
+ />
95
+ <rect
96
+ style={{
97
+ fill: '#4b4b4b',
98
+ }}
99
+ x="142.1"
100
+ y="29.3"
101
+ width="3.3"
102
+ height="10.3"
103
+ rx="1.7"
104
+ ry="1.7"
105
+ />
106
+ <circle
107
+ style={{
108
+ fill: '#fff',
109
+ }}
110
+ cx="143.7"
111
+ cy="31.1"
112
+ r=".8"
113
+ />
114
+ <circle
115
+ style={{
116
+ fill: '#fff',
117
+ }}
118
+ cx="143.7"
119
+ cy="33.4"
120
+ r=".8"
121
+ />
122
+ <circle
123
+ style={{
124
+ fill: '#fff',
125
+ }}
126
+ cx="143.7"
127
+ cy="35.6"
128
+ r=".8"
129
+ />
130
+ <circle
131
+ style={{
132
+ fill: '#fff',
133
+ }}
134
+ cx="143.7"
135
+ cy="37.9"
136
+ r=".8"
137
+ />
138
+ <rect
139
+ style={{
140
+ fill: '#4b4b4b',
141
+ }}
142
+ x="142.1"
143
+ y="53.8"
144
+ width="3.3"
145
+ height="10.3"
146
+ rx="1.7"
147
+ ry="1.7"
148
+ />
149
+ <circle
150
+ style={{
151
+ fill: '#fff',
152
+ }}
153
+ cx="143.7"
154
+ cy="55.6"
155
+ r=".8"
156
+ />
157
+ <circle
158
+ style={{
159
+ fill: '#fff',
160
+ }}
161
+ cx="143.7"
162
+ cy="57.9"
163
+ r=".8"
164
+ />
165
+ <circle
166
+ style={{
167
+ fill: '#fff',
168
+ }}
169
+ cx="143.7"
170
+ cy="60.1"
171
+ r=".8"
172
+ />
173
+ <circle
174
+ style={{
175
+ fill: '#fff',
176
+ }}
177
+ cx="143.7"
178
+ cy="62.4"
179
+ r=".8"
180
+ />
181
+ <path
182
+ style={{
183
+ fill: '#4b4b4b',
184
+ }}
185
+ d="M22.9,89.3h-.7v-2.2h-5.1c-1.2,0-2.1-.3-2.6-.9-.6-.7-.6-1.5-.5-1.6V11.3c0-1,.3-1.8.9-2.3.8-.7,1.8-.6,2-.6h5.6v-2.2h.7v2.9h-6.4s-.9-.1-1.5.4c-.4.4-.6.9-.6,1.7v73.3s0,.6.4,1.1c.4.4,1.1.7,2.1.7h5.8v2.9h0Z"
186
+ />
187
+ <path
188
+ style={{
189
+ fill: '#4b4b4b',
190
+ }}
191
+ d="M123.2,89.3h-.7v-2.9h6.4s.9.1,1.5-.4c.4-.4.6-.9.6-1.7V11s0-.6-.4-1.1c-.4-.4-1.1-.7-2.1-.7h-5.8v-2.9h.7v2.2h5.1c1.2,0,2.1.3,2.6.9.6.7.6,1.5.5,1.6v73.2c0,1-.3,1.8-.9,2.3-.8.7-1.8.6-2,.6h-5.6v2.2h0Z"
192
+ />
193
+ </g>
194
+ <rect
195
+ style={{
196
+ fill: '#fff',
197
+ }}
198
+ x="27.2"
199
+ y="17.6"
200
+ width="92.5"
201
+ height="60.4"
202
+ rx="2.5"
203
+ ry="2.5"
204
+ />
205
+ </g>
206
+ </g>
207
+ )
208
+ }
@@ -0,0 +1,54 @@
1
+ import { COLORS } from '../../helix-design-system'
2
+
3
+ export interface TemperatureVizProps {
4
+ targetTemperature: number | null
5
+ }
6
+
7
+ const ROOM_TEMPERATURE_C = 23
8
+
9
+ export function Temperature(props: TemperatureVizProps): JSX.Element {
10
+ const { targetTemperature } = props
11
+ let ledLightColor = COLORS.transparent
12
+ if (targetTemperature != null) {
13
+ ledLightColor =
14
+ targetTemperature <= ROOM_TEMPERATURE_C ? COLORS.blue35 : COLORS.red30
15
+ }
16
+
17
+ return (
18
+ <>
19
+ <g id="darkFill">
20
+ <path
21
+ d="M74,89.3c-2.2,0-4.2-1.2-5.3-3H6.1V19.2H0.4V9.6h5.7V3.7h62.6c1.1-1.8,3.1-3,5.3-3h123V45v41.3v3H74z M28.5,39.5c0-1.5-1.2-2.7-2.7-2.7l0,0c-1.5,0-2.7,1.2-2.7,2.7v10.9c0,1.5,1.2,2.7,2.7,2.7s2.7-1.2,2.7-2.7V39.5z M46.3,34.4H32.1 v21.2h14.2V34.4L46.3,34.4z"
22
+ style={{
23
+ fillRule: 'evenodd',
24
+ clipRule: 'evenodd',
25
+ fill: 'rgb(230, 230, 230)',
26
+ }}
27
+ ></path>
28
+ </g>
29
+ <g id="outline">
30
+ <path d="M197.7,0H5.3v90h192.4V0z M6.7,1.4h189.6v87.1H6.7V1.4z"></path>
31
+ </g>
32
+ <g id="labwareSurface">
33
+ <path d="M197.7,0H74c-3.8,0-7,3.1-7,7v76c0,3.8,3.1,7,7,7h123.7V0z M74,88.6c-3,0-5.5-2.5-5.5-5.5V7c0-3,2.5-5.5,5.5-5.5h122.3 v87.1H74z"></path>
34
+ </g>
35
+ <g id="innerWalls">
36
+ <path d="M6,86.4h62.5v-0.7H6V86.4z M6,4.1h63.4V3.3H6L6,4.1L6,4.1z"></path>
37
+ </g>
38
+ <g id="powerButton">
39
+ <path d="M6.4,9.2H0v10.3h6.4V9.2z M0.7,9.9h5v8.9h-5V9.9z"></path>
40
+ </g>
41
+ <g id="displayPanel">
42
+ <path d="M46.3,34.1H32.1c-0.2,0-0.4,0.2-0.4,0.4v21.2c0,0.2,0.2,0.4,0.4,0.4h14.2c0.2,0,0.4-0.2,0.4-0.4V34.4 C46.7,34.2,46.5,34.1,46.3,34.1z M32.5,34.8h13.4v20.4H32.5V34.8z"></path>
43
+ </g>
44
+ <g id="statusLight">
45
+ <path
46
+ fill={ledLightColor}
47
+ stroke={COLORS.black90}
48
+ strokeWidth={0.5}
49
+ d="M 25.8 36.5 c -1.7 0 -3.1 1.4 -3.1 3.1 v 10.9 c 0 1.7 1.4 3.1 3.1 3.1 s 3.1 -1.4 3.1 -3.1 v -11 C 28.9 37.8 27.5 36.5 25.8 36.5 z"
50
+ />
51
+ </g>
52
+ </>
53
+ )
54
+ }
@@ -0,0 +1,248 @@
1
+ import { COLORS } from '../../../helix-design-system'
2
+ interface ThermocyclerGEN1Props {
3
+ lidMotorState: 'open' | 'closed'
4
+ ledLightColor: string
5
+ }
6
+
7
+ export function ThermocyclerGEN1(props: ThermocyclerGEN1Props): JSX.Element {
8
+ return (
9
+ <g id="thermocyclerGEN1">
10
+ {props.lidMotorState === 'open' ? (
11
+ <OpenThermocyclerGEN1Layers />
12
+ ) : (
13
+ <ClosedThermocyclerGEN1Layers />
14
+ )}
15
+ <g id="buttonDarkFill">
16
+ <path
17
+ d="M154.3,26.6c0-2.2-1.8-4.1-4.1-4.1s-4.1,1.8-4.1,4.1c0,2.2,1.8,4.1,4.1,4.1C152.5,30.7,154.3,28.9,154.3,26.6 z"
18
+ style={{ fill: '#E6E6E6' }}
19
+ ></path>
20
+ </g>
21
+ <g id="statusLight">
22
+ <path
23
+ fill={props.ledLightColor}
24
+ stroke={COLORS.black90}
25
+ strokeWidth={0.5}
26
+ d="M130.4,23.2H41.6c-1.9,0-3.4,1.5-3.4,3.4s1.5,3.4,3.4,3.4h88.8c1.9,0,3.4-1.5,3.4-3.4C133.8,24.7,132.3,23.2,130.4,23.2z"
27
+ ></path>
28
+ </g>
29
+ <g id="button">
30
+ <path d="M150.3,17.4c-5.1,0-9.2,4.1-9.2,9.2s4.1,9.2,9.2,9.2c5.1,0,9.2-4.1,9.2-9.2S155.3,17.4,150.3,17.4z M150.3,35.1 c-4.7,0-8.5-3.8-8.5-8.5s3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5S154.9,35.1,150.3,35.1z M150.3,20.2c-3.5,0-6.4,2.9-6.4,6.4 s2.9,6.4,6.4,6.4c3.5,0,6.4-2.9,6.4-6.4S153.8,20.2,150.3,20.2z M150.3,32.4c-3.2,0-5.7-2.6-5.7-5.7s2.6-5.7,5.7-5.7 c3.2,0,5.7,2.6,5.7,5.7S153.4,32.4,150.3,32.4z M150.3,22.2c-2.4,0-4.4,2-4.4,4.4s2,4.4,4.4,4.4s4.4-2,4.4-4.4 S152.7,22.2,150.3,22.2z M150.3,30.3c-2,0-3.7-1.7-3.7-3.7s1.7-3.7,3.7-3.7c2,0,3.7,1.7,3.7,3.7S152.3,30.3,150.3,30.3z"></path>
31
+ </g>
32
+ </g>
33
+ )
34
+ }
35
+
36
+ function ClosedThermocyclerGEN1Layers(): JSX.Element {
37
+ return (
38
+ <g id="closedThermocyclerGEN1Layers">
39
+ <g id="closedChassisLightFill">
40
+ <path
41
+ d="M144.7,244.4v13.1H27.1v-13.1H1.4V1.5h168.9v242.9H144.7z"
42
+ style={{ fill: COLORS.white }}
43
+ ></path>
44
+ </g>
45
+ <g id="closedChassisDarkFill">
46
+ <path
47
+ d="M5.1,52.8V0.7h161.9v52.1H5.1z M133.5,26.6c0-1.7-1.4-3.1-3.1-3.1H41.6c-1.7,0-3.1,1.4-3.1,3.1l0,0 c0,1.7,1.4,3.1,3.1,3.1h88.8C132.1,29.7,133.5,28.3,133.5,26.6L133.5,26.6z M150.3,20.5c-3.4,0-6.1,2.7-6.1,6.1s2.7,6.1,6.1,6.1 s6.1-2.7,6.1-6.1S153.6,20.5,150.3,20.5z"
48
+ style={{ fill: '#E6E6E6' }}
49
+ ></path>
50
+ <path
51
+ d="M141.4,257.5v-48.3c0-0.6-0.5-1.1-1.1-1.1H31.6c-0.6,0-1.1,0.5-1.1,1.1v48.3"
52
+ style={{ fill: '#E6E6E6' }}
53
+ ></path>
54
+ <path
55
+ d="M144.8,209.1V196c0-3.2-2.6-5.7-5.7-5.7H32.8c-3.2,0-5.7,2.6-5.7,5.7v13.1c0-4.9,4.2-4.6,4.2-4.6h109.4 C140.7,204.5,144.8,204.2,144.8,209.1z"
56
+ style={{ fill: '#E6E6E6' }}
57
+ ></path>
58
+ </g>
59
+ <g id="closedLidHinge">
60
+ <path d="M140.7,203.8H31.2c-2.6,0-4.8,2.2-4.8,4.8v49.6h119.1v-49.6C145.5,206,143.3,203.8,140.7,203.8z M27.8,256.9v-48.2 c0-1.9,1.5-3.4,3.4-3.4h109.4c1.9,0,3.4,1.5,3.4,3.4v48.2H27.8z"></path>
61
+ </g>
62
+ <g id="closedInnerWallEdges">
63
+ <path d="M166.9,245.3V0.7H5.1v244.6H4.4V0h163.3v245.3H166.9z"> </path>
64
+ </g>
65
+ <g id="closedChassisOutline">
66
+ <path d="M172,0H0v246h27.7v-47.9c0-3.6,2.3-6.6,5-6.6H139c2.8,0,5,3,5,6.6V246H172V0z M1.4,1.4h169.2v243.2h-25.1v-46.5 c0-4.4-2.9-8-6.4-8H32.8c-3.5,0-6.4,3.6-6.4,8v46.5h-25V1.4z M0.7,53.7h170.6v-1.4H0.7V53.7z"></path>
67
+ </g>
68
+ </g>
69
+ )
70
+ }
71
+
72
+ function OpenThermocyclerGEN1Layers(): JSX.Element {
73
+ return (
74
+ <g id="openThermocyclerGEN1Layers">
75
+ <g id="openChassisLightFill">
76
+ <path
77
+ d="M144.7,244.4v13.1H27.1v-13.1H1.4V1.5h168.9v242.9H144.7z"
78
+ style={{ fill: COLORS.white }}
79
+ ></path>
80
+ </g>
81
+ <g id="openChassisDarkFill">
82
+ <path
83
+ d="M141.4,257.5v-48.3c0-0.6-0.5-1.1-1.1-1.1H31.6c-0.6,0-1.1,0.5-1.1,1.1v48.3"
84
+ style={{ fill: '#E6E6E6' }}
85
+ ></path>
86
+ <path
87
+ d="M144.8,245.3v-36.7c0-2.3-1.8-4.1-4.1-4.1H31.2c-2.3,0-4.1,1.8-4.1,4.1v36.7h-22V0.7h161.9v244.6H144.8z M130.4,23.6H41.6c-1.7,0-3.1,1.4-3.1,3.1s1.4,3.1,3.1,3.1h88.8c1.7,0,3.1-1.4,3.1-3.1S132.1,23.6,130.4,23.6z M150.3,20.5 c-3.4,0-6.1,2.7-6.1,6.1s2.7,6.1,6.1,6.1s6.1-2.7,6.1-6.1S153.6,20.5,150.3,20.5z"
88
+ style={{ fill: '#E6E6E6' }}
89
+ ></path>
90
+ <path
91
+ d="M154.3,26.6c0-2.2-1.8-4.1-4.1-4.1s-4.1,1.8-4.1,4.1c0,2.2,1.8,4.1,4.1,4.1C152.5,30.7,154.3,28.9,154.3,26.6 z"
92
+ style={{ fill: '#E6E6E6' }}
93
+ ></path>
94
+ </g>
95
+ <g id="openWellBlockLightFill">
96
+ <path
97
+ d="M149.5,80.3H22.2c-1.6,0-2.9,1.3-2.9,2.9v87.1c0,1.6,1.3,2.9,2.9,2.9h127.3c1.6,0,2.9-1.3,2.9-2.9V83.2 C152.4,81.6,151.1,80.3,149.5,80.3z"
98
+ style={{ fill: COLORS.white }}
99
+ ></path>
100
+ </g>
101
+ <g id="openInnerWallEdges">
102
+ <path d="M140.3,207.8H31.6c-0.8,0-1.4,0.6-1.4,1.4v48.3h0.7v-48.3c0-0.4,0.3-0.7,0.7-0.7h108.7c0.4,0,0.7,0.3,0.7,0.7v48.3h0.7 v-48.3C141.7,208.5,141.1,207.8,140.3,207.8z M167.3,0.3H4.7v245h0.7V1h161.2v244.3h0.7V0.3z M0.7,4.8h170.6V4.1H0.7V4.8z"></path>
103
+ </g>
104
+ <g id="openChassisOutline">
105
+ <path d="M172,0H0v246h27v-1.4H1.4V1.4h169.2v243.2h-25.8v1.4H172V0z"></path>
106
+ </g>
107
+ <g id="openlidHingeOutline">
108
+ <path d="M140.7,203.8H31.2c-2.6,0-4.8,2.2-4.8,4.8v49.6h119.1v-49.6C145.5,206,143.3,203.8,140.7,203.8z M27.8,256.9v-48.2 c0-1.9,1.5-3.4,3.4-3.4h109.4c1.9,0,3.4,1.5,3.4,3.4v48.2H27.8z"></path>
109
+ </g>
110
+ <g id="openBlockChamberOutline">
111
+ <path d="M124.6,69.5h-17c-1.5,0-2.9,0.7-3.8,1.9l-2.8,3.8c-0.4,0.5-1,0.8-1.6,0.8H72.2c-0.6,0-1.3-0.3-1.6-0.8l-2.8-3.8 c-0.9-1.2-2.3-1.9-3.8-1.9h-17c-1.5,0-2.9,0.7-3.8,1.9l-2.8,3.8c-0.4,0.5-1,0.8-1.6,0.8h-18c-3.4,0-6.2,2.8-6.2,6.2V171 c0,3.4,2.8,6.2,6.2,6.2h18c0.6,0,1.3,0.3,1.6,0.8l2.7,3.7c0.9,1.2,2.3,1.9,3.8,1.9h17c1.5,0,2.9-0.7,3.8-1.9l2.7-3.7 c0.4-0.5,1-0.8,1.6-0.8h27.2c0.6,0,1.3,0.3,1.6,0.8l2.7,3.7c0.9,1.2,2.3,1.9,3.8,1.9h17c1.5,0,2.9-0.7,3.8-1.9l2.7-3.7 c0.4-0.5,1-0.8,1.6-0.8h17.7c3.4,0,6.2-2.8,6.2-6.2V82.1c0-3.4-2.8-6.2-6.2-6.2h-17.7c-0.6,0-1.3-0.3-1.6-0.8l-2.8-3.8 C127.5,70.2,126.1,69.5,124.6,69.5z M72.2,77.4h27.2c1.1,0,2.1-0.5,2.8-1.4l2.8-3.8c0.6-0.8,1.6-1.3,2.7-1.3h17c1,0,2,0.5,2.7,1.3 L130,76c0.6,0.9,1.7,1.4,2.8,1.4h17.7c2.6,0,4.8,2.1,4.8,4.8V171c0,2.6-2.1,4.8-4.8,4.8h-17.7c-1.1,0-2.1,0.5-2.8,1.4l-2.7,3.7 c-0.6,0.8-1.6,1.3-2.7,1.3h-17c-1,0-2-0.5-2.7-1.3l-2.7-3.7c-0.6-0.9-1.7-1.4-2.8-1.4H72.1c-1.1,0-2.1,0.5-2.8,1.4l-2.7,3.7 c-0.6,0.8-1.6,1.3-2.7,1.3h-17c-1,0-2-0.5-2.7-1.3l-2.7-3.7c-0.6-0.9-1.7-1.4-2.8-1.4h-18c-2.6,0-4.8-2.1-4.8-4.8V82.1 c0-2.6,2.1-4.8,4.8-4.8h18c1.1,0,2.1-0.5,2.8-1.4l2.8-3.8c0.6-0.8,1.6-1.3,2.7-1.3h17c1,0,2,0.5,2.7,1.3l2.8,3.8 C70.1,76.8,71.1,77.4,72.2,77.4z"></path>
112
+ </g>
113
+ <g id="openWellBlockOutline">
114
+ <path d="M149.5,80H22.2c-1.8,0-3.3,1.5-3.3,3.3v87.1c0,1.8,1.5,3.3,3.3,3.3h127.3c1.8,0,3.3-1.5,3.3-3.3V83.2 C152.8,81.4,151.3,80,149.5,80z M22.2,172.9c-1.4,0-2.6-1.2-2.6-2.6V83.2c0-1.4,1.2-2.6,2.6-2.6h127.3c1.4,0,2.6,1.2,2.6,2.6v87.2 c0,1.4-1.2,2.6-2.6,2.6L22.2,172.9L22.2,172.9z"></path>
115
+ </g>
116
+ <g id="openWellBlockWells">
117
+ <path d="M35.7,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S37.8,154.6,35.7,154.6z M35.7,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C38.9,160.2,37.4,161.6,35.7,161.6z"></path>
118
+ <path d="M35.7,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S37.8,145.5,35.7,145.5z M35.7,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S37.4,152.5,35.7,152.5z"></path>
119
+ <path d="M35.7,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S37.8,136.5,35.7,136.5z M35.7,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C38.9,142,37.4,143.4,35.7,143.4z"></path>
120
+ <path d="M35.7,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S37.8,127.4,35.7,127.4z M35.7,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C38.9,133,37.4,134.4,35.7,134.4z"></path>
121
+ <path d="M35.7,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S37.8,118.3,35.7,118.3z M35.7,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S37.4,125.3,35.7,125.3z"></path>
122
+ <path d="M35.7,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C39.6,110.9,37.8,109.2,35.7,109.2z M35.7,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C38.9,114.8,37.4,116.2,35.7,116.2z"></path>
123
+ <path d="M35.7,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C39.6,101.9,37.8,100.1,35.7,100.1z M35.7,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C38.9,105.7,37.4,107.1,35.7,107.1z"></path>
124
+ <path d="M35.7,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S37.8,91.1,35.7,91.1z M35.7,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S37.4,98,35.7,98z"></path>
125
+
126
+ <path d="M44.8,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S46.9,154.6,44.8,154.6z M44.8,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C47.9,160.2,46.5,161.6,44.8,161.6z"></path>
127
+ <path d="M44.8,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S46.9,145.5,44.8,145.5z M44.8,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S46.5,152.5,44.8,152.5z"></path>
128
+ <path d="M44.8,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S46.9,136.5,44.8,136.5z M44.8,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C47.9,142,46.5,143.4,44.8,143.4z"></path>
129
+ <path d="M44.8,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S46.9,127.4,44.8,127.4z M44.8,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C47.9,133,46.5,134.4,44.8,134.4z"></path>
130
+ <path d="M44.8,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S46.9,118.3,44.8,118.3z M44.8,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S46.5,125.3,44.8,125.3z"></path>
131
+ <path d="M44.8,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C48.6,110.9,46.9,109.2,44.8,109.2z M44.8,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C47.9,114.8,46.5,116.2,44.8,116.2z"></path>
132
+ <path d="M44.8,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C48.6,101.9,46.9,100.1,44.8,100.1z M44.8,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C47.9,105.7,46.5,107.1,44.8,107.1z"></path>
133
+ <path d="M44.8,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S46.9,91.1,44.8,91.1z M44.8,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S46.5,98,44.8,98z"></path>
134
+
135
+ <path d="M53.9,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S56,154.6,53.9,154.6z M53.9,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C57,160.2,55.6,161.6,53.9,161.6z"></path>
136
+ <path d="M53.9,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S56,145.5,53.9,145.5z M53.9,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S55.6,152.5,53.9,152.5z"></path>
137
+ <path d="M53.9,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S56,136.5,53.9,136.5z M53.9,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C57,142,55.6,143.4,53.9,143.4z"></path>
138
+ <path d="M53.9,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S56,127.4,53.9,127.4z M53.9,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C57,133,55.6,134.4,53.9,134.4z"></path>
139
+ <path d="M53.9,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S56,118.3,53.9,118.3z M53.9,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S55.6,125.3,53.9,125.3z"></path>
140
+ <path d="M53.9,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8C57.7,110.9,56,109.2,53.9,109.2z M53.9,116.2 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C57,114.8,55.6,116.2,53.9,116.2z"></path>
141
+ <path d="M53.9,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8C57.7,101.9,56,100.1,53.9,100.1z M53.9,107.1 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C57,105.7,55.6,107.1,53.9,107.1z"></path>
142
+ <path d="M53.9,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S56,91.1,53.9,91.1z M53.9,98c-1.7,0-3.1-1.4-3.1-3.1 s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S55.6,98,53.9,98z"></path>
143
+
144
+ <path d="M62.9,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S65.1,154.6,62.9,154.6z M62.9,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C66.1,160.2,64.7,161.6,62.9,161.6z"></path>
145
+ <path d="M62.9,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S65.1,145.5,62.9,145.5z M62.9,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S64.7,152.5,62.9,152.5z"></path>
146
+ <path d="M62.9,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S65.1,136.5,62.9,136.5z M62.9,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C66.1,142,64.7,143.4,62.9,143.4z"></path>
147
+ <path d="M62.9,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S65.1,127.4,62.9,127.4z M62.9,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C66.1,133,64.7,134.4,62.9,134.4z"></path>
148
+ <path d="M62.9,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S65.1,118.3,62.9,118.3z M62.9,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S64.7,125.3,62.9,125.3z"></path>
149
+ <path d="M62.9,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C66.8,110.9,65.1,109.2,62.9,109.2z M62.9,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C66.1,114.8,64.7,116.2,62.9,116.2z"></path>
150
+ <path d="M62.9,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C66.8,101.9,65.1,100.1,62.9,100.1z M62.9,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C66.1,105.7,64.7,107.1,62.9,107.1z"></path>
151
+ <path d="M62.9,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S65.1,91.1,62.9,91.1z M62.9,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S64.7,98,62.9,98z"></path>
152
+
153
+ <path d="M72,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S74.1,154.6,72,154.6z M72,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C75.2,160.2,73.8,161.6,72,161.6z"></path>
154
+ <path d="M72,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S74.1,145.5,72,145.5z M72,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S73.8,152.5,72,152.5z"></path>
155
+ <path d="M72,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S74.1,136.5,72,136.5z M72,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C75.2,142,73.8,143.4,72,143.4z"></path>
156
+ <path d="M72,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S74.1,127.4,72,127.4z M72,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C75.2,133,73.8,134.4,72,134.4z"></path>
157
+ <path d="M72,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S74.1,118.3,72,118.3z M72,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S73.8,125.3,72,125.3z"></path>
158
+ <path d="M72,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C75.9,110.9,74.1,109.2,72,109.2z M72,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C75.2,114.8,73.8,116.2,72,116.2z"></path>
159
+ <path d="M72,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C75.9,101.9,74.1,100.1,72,100.1z M72,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C75.2,105.7,73.8,107.1,72,107.1z"></path>
160
+ <path d="M72,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S74.1,91.1,72,91.1z M72,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S73.8,98,72,98z"></path>
161
+
162
+ <path d="M81.1,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S83.2,154.6,81.1,154.6z M81.1,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C84.3,160.2,82.8,161.6,81.1,161.6z"></path>
163
+ <path d="M81.1,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S83.2,145.5,81.1,145.5z M81.1,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S82.8,152.5,81.1,152.5z"></path>
164
+ <path d="M81.1,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S83.2,136.5,81.1,136.5z M81.1,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C84.3,142,82.8,143.4,81.1,143.4z"></path>
165
+ <path d="M81.1,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S83.2,127.4,81.1,127.4z M81.1,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C84.3,133,82.8,134.4,81.1,134.4z"></path>
166
+ <path d="M81.1,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S83.2,118.3,81.1,118.3z M81.1,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S82.8,125.3,81.1,125.3z"></path>
167
+ <path d="M81.1,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8C84.9,110.9,83.2,109.2,81.1,109.2z M81.1,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C84.3,114.8,82.8,116.2,81.1,116.2z"></path>
168
+ <path d="M81.1,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8C84.9,101.9,83.2,100.1,81.1,100.1z M81.1,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C84.3,105.7,82.8,107.1,81.1,107.1z"></path>
169
+ <path d="M81.1,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S83.2,91.1,81.1,91.1z M81.1,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S82.8,98,81.1,98z"></path>
170
+
171
+ <path d="M90.2,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S92.3,154.6,90.2,154.6z M90.2,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C93.3,160.2,91.9,161.6,90.2,161.6z"></path>
172
+ <path d="M90.2,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S92.3,145.5,90.2,145.5z M90.2,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S91.9,152.5,90.2,152.5z"></path>
173
+ <path d="M90.2,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S92.3,136.5,90.2,136.5z M90.2,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C93.3,142,91.9,143.4,90.2,143.4z"></path>
174
+ <path d="M90.2,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S92.3,127.4,90.2,127.4z M90.2,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C93.3,133,91.9,134.4,90.2,134.4z"></path>
175
+ <path d="M90.2,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S92.3,118.3,90.2,118.3z M90.2,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S91.9,125.3,90.2,125.3z"></path>
176
+ <path d="M90.2,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C94,110.9,92.3,109.2,90.2,109.2z M90.2,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C93.3,114.8,91.9,116.2,90.2,116.2z"></path>
177
+ <path d="M90.2,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C94,101.9,92.3,100.1,90.2,100.1z M90.2,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C93.3,105.7,91.9,107.1,90.2,107.1z"></path>
178
+ <path d="M90.2,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S92.3,91.1,90.2,91.1z M90.2,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S91.9,98,90.2,98z"></path>
179
+
180
+ <path d="M99.3,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S101.4,154.6,99.3,154.6z M99.3,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C102.4,160.2,101,161.6,99.3,161.6z"></path>
181
+ <path d="M99.3,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S101.4,145.5,99.3,145.5z M99.3,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S101,152.5,99.3,152.5z"></path>
182
+ <path d="M99.3,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S101.4,136.5,99.3,136.5z M99.3,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C102.4,142,101,143.4,99.3,143.4z"></path>
183
+ <path d="M99.3,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S101.4,127.4,99.3,127.4z M99.3,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C102.4,133,101,134.4,99.3,134.4z"></path>
184
+ <path d="M99.3,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S101.4,118.3,99.3,118.3z M99.3,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S101,125.3,99.3,125.3z"></path>
185
+ <path d="M99.3,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C103.1,110.9,101.4,109.2,99.3,109.2z M99.3,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C102.4,114.8,101,116.2,99.3,116.2z"></path>
186
+ <path d="M99.3,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C103.1,101.9,101.4,100.1,99.3,100.1z M99.3,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C102.4,105.7,101,107.1,99.3,107.1z"></path>
187
+ <path d="M99.3,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S101.4,91.1,99.3,91.1z M99.3,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S101,98,99.3,98z"></path>
188
+
189
+ <path d="M108.3,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S110.5,154.6,108.3,154.6z M108.3,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C111.5,160.2,110.1,161.6,108.3,161.6z"></path>
190
+ <path d="M108.3,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S110.5,145.5,108.3,145.5z M108.3,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S110.1,152.5,108.3,152.5z"></path>
191
+ <path d="M108.3,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S110.5,136.5,108.3,136.5z M108.3,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C111.5,142,110.1,143.4,108.3,143.4z"></path>
192
+ <path d="M108.3,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S110.5,127.4,108.3,127.4z M108.3,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C111.5,133,110.1,134.4,108.3,134.4z"></path>
193
+ <path d="M108.3,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S110.5,118.3,108.3,118.3z M108.3,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S110.1,125.3,108.3,125.3z"></path>
194
+ <path d="M108.3,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8C112.2,110.9,110.5,109.2,108.3,109.2z M108.3,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C111.5,114.8,110.1,116.2,108.3,116.2z"></path>
195
+ <path d="M108.3,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8C112.2,101.9,110.5,100.1,108.3,100.1z M108.3,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C111.5,105.7,110.1,107.1,108.3,107.1z"></path>
196
+ <path d="M108.3,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S110.5,91.1,108.3,91.1z M108.3,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S110.1,98,108.3,98z"></path>
197
+
198
+ <path d="M117.4,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S119.5,154.6,117.4,154.6z M117.4,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C120.6,160.2,119.2,161.6,117.4,161.6z"></path>
199
+ <path d="M117.4,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S119.5,145.5,117.4,145.5z M117.4,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S119.2,152.5,117.4,152.5z"></path>
200
+ <path d="M117.4,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S119.5,136.5,117.4,136.5z M117.4,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C120.6,142,119.2,143.4,117.4,143.4z"></path>
201
+ <path d="M117.4,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S119.5,127.4,117.4,127.4z M117.4,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C120.6,133,119.2,134.4,117.4,134.4z"></path>
202
+ <path d="M117.4,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S119.5,118.3,117.4,118.3z M117.4,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S119.2,125.3,117.4,125.3z"></path>
203
+ <path d="M117.4,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C121.3,110.9,119.5,109.2,117.4,109.2z M117.4,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C120.6,114.8,119.2,116.2,117.4,116.2z"></path>
204
+ <path d="M117.4,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8C121.3,101.9,119.5,100.1,117.4,100.1z M117.4,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1C120.6,105.7,119.2,107.1,117.4,107.1z"></path>
205
+ <path d="M117.4,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8c2.1,0,3.8-1.7,3.8-3.8S119.5,91.1,117.4,91.1z M117.4,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1S119.2,98,117.4,98z"></path>
206
+
207
+ <path d="M126.5,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S128.6,154.6,126.5,154.6z M126.5,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C129.6,160.2,128.2,161.6,126.5,161.6z"></path>
208
+ <path d="M126.5,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S128.6,145.5,126.5,145.5z M126.5,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S128.2,152.5,126.5,152.5z"></path>
209
+ <path d="M126.5,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S128.6,136.5,126.5,136.5z M126.5,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C129.6,142,128.2,143.4,126.5,143.4z"></path>
210
+ <path d="M126.5,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S128.6,127.4,126.5,127.4z M126.5,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C129.6,133,128.2,134.4,126.5,134.4z"></path>
211
+ <path d="M126.5,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S128.6,118.3,126.5,118.3z M126.5,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S128.2,125.3,126.5,125.3z"></path>
212
+ <path d="M126.5,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8C130.3,110.9,128.6,109.2,126.5,109.2z M126.5,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C129.6,114.8,128.2,116.2,126.5,116.2z"></path>
213
+ <path d="M126.5,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8C130.3,101.9,128.6,100.1,126.5,100.1z M126.5,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C129.6,105.7,128.2,107.1,126.5,107.1z"></path>
214
+ <path d="M126.5,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S128.6,91.1,126.5,91.1z M126.5,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S128.2,98,126.5,98z"></path>
215
+
216
+ <path d="M135.6,154.6c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S137.7,154.6,135.6,154.6z M135.6,161.6 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C138.7,160.2,137.3,161.6,135.6,161.6z"></path>
217
+ <path d="M135.6,145.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S137.7,145.5,135.6,145.5z M135.6,152.5 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S137.3,152.5,135.6,152.5z"></path>
218
+ <path d="M135.6,136.5c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S137.7,136.5,135.6,136.5z M135.6,143.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C138.7,142,137.3,143.4,135.6,143.4z"></path>
219
+ <path d="M135.6,127.4c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S137.7,127.4,135.6,127.4z M135.6,134.4 c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C138.7,133,137.3,134.4,135.6,134.4z"></path>
220
+ <path d="M135.6,118.3c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S137.7,118.3,135.6,118.3z M135.6,125.3 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S137.3,125.3,135.6,125.3z"></path>
221
+ <path d="M135.6,109.2c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8C139.4,110.9,137.7,109.2,135.6,109.2z M135.6,116.2c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C138.7,114.8,137.3,116.2,135.6,116.2z"></path>
222
+ <path d="M135.6,100.1c-2.1,0-3.8,1.7-3.8,3.8c0,2.1,1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8C139.4,101.9,137.7,100.1,135.6,100.1z M135.6,107.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1C138.7,105.7,137.3,107.1,135.6,107.1z"></path>
223
+ <path d="M135.6,91.1c-2.1,0-3.8,1.7-3.8,3.8s1.7,3.8,3.8,3.8s3.8-1.7,3.8-3.8S137.7,91.1,135.6,91.1z M135.6,98 c-1.7,0-3.1-1.4-3.1-3.1s1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1S137.3,98,135.6,98z"></path>
224
+ </g>
225
+ <g id="openLidLightFill">
226
+ <path
227
+ d="M0.7,223.9v33.7c0,2.4,1.9,4.3,4.3,4.3h162c2.4,0,4.3-1.9,4.3-4.3v-33.7"
228
+ style={{ fill: COLORS.white }}
229
+ ></path>
230
+ </g>
231
+ <g id="openLidDarkFill">
232
+ <path
233
+ d="M166.9,257.8c0,0.2-0.2,0.4-0.4,0.4H5.5c-0.2,0-0.4-0.2-0.4-0.4v-33.9h10.1l-3.5-5.2h148.7l-3.5,5.2h10.1 L166.9,257.8L166.9,257.8z"
234
+ style={{ fill: '#E6E6E6' }}
235
+ ></path>
236
+ </g>
237
+ <g id="openLidOutline">
238
+ <path d="M172,223.9h-1.4v33.7c0,2-1.6,3.6-3.6,3.6H5c-2,0-3.6-1.6-3.6-3.6v-33.7H0v33.7c0,2.8,2.2,5,5,5h162c2.8,0,5-2.2,5-5 L172,223.9L172,223.9z"></path>
239
+ </g>
240
+ <g id="openLidInnerWallEdges">
241
+ <path d="M167.3,223.9h-0.7v33.9c0,0,0,0.1-0.1,0.1H5.5c0,0-0.1,0-0.1-0.1v-33.9H4.7v33.9c0,0.4,0.3,0.8,0.8,0.8h161 c0.4,0,0.8-0.3,0.8-0.8L167.3,223.9L167.3,223.9z M0.7,224.2h170.6v-0.7H0.7V224.2z M0.7,228.6h170.6v-0.7H0.7V228.6z"></path>
242
+ </g>
243
+ <g id="openLidSealSkirt">
244
+ <path d="M161,218.3H11l4,5.9H157L161,218.3z M12.3,219h147.4l-3,4.5H15.3L12.3,219z M162.2,218H9.8c-0.4,0-0.7,0.3-0.7,0.7 s0.3,0.7,0.7,0.7h152.4c0.4,0,0.7-0.3,0.7-0.7S162.6,218,162.2,218z"></path>
245
+ </g>
246
+ </g>
247
+ )
248
+ }