@opentrons/components 0.2.0-alpha.0 → 0.2.0-alpha.1

package/src/hardware-sim/Module/MagneticModule.tsx

@@ -1,51 +0,0 @@
-export function MagneticModule(): JSX.Element {
-  return (
-    <g id="magneticModule">
-      <g id="moduleVisualization">
-        <g id="darkFill">
-          <path
-            d="M126.4,74.2c-0.8,0-1.4,0.6-1.4,1.4v6.2c0,1.4-1.2,2.6-2.6,2.6H83.6v4.9H0.7V0.7h82.9v4.4h38.8 c1.4,0,2.6,1.2,2.6,2.6v6.2c0,0.8,0.6,1.4,1.4,1.4h8.8v58.9H126.4z M24.4,13.5h-1.9v9.8h1.9V13.5z M24.4,31.1h-1.9V41h1.9V31.1z M24.4,49h-1.9v9.8h1.9V49z M24.4,66.8h-1.9v9.8h1.9V66.8z M42.2,13.5h-1.9v9.8h1.9V13.5z M42.2,31.1h-1.9V41h1.9V31.1z M42.2,49 h-1.9v9.8h1.9V49z M42.2,66.8h-1.9v9.8h1.9V66.8z M59.9,13.5h-1.9v9.8h1.9V13.5z M59.9,31.1h-1.9V41h1.9V31.1z M59.9,49h-1.9v9.8 h1.9V49z M59.9,66.8h-1.9v9.8h1.9V66.8z M77.7,13.5h-1.9v9.8h1.9V13.5z M77.7,31.1h-1.9V41h1.9V31.1z M77.7,49h-1.9v9.8h1.9V49z M77.7,66.8h-1.9v9.8h1.9V66.8z M95.5,13.5h-1.9v9.8h1.9V13.5z M95.5,31.1h-1.9V41h1.9V31.1z M95.5,49h-1.9v9.8h1.9V49z M95.5,66.8h-1.9v9.8h1.9V66.8z M113.3,13.5h-1.9v9.8h1.9V13.5z M113.3,31.1h-1.9V41h1.9V31.1z M113.3,49h-1.9v9.8h1.9V49z M113.3,66.8h-1.9v9.8h1.9V66.8z"
-            style={{ fill: '#E6E6E6' }}
-          ></path>
-        </g>
-        <g id="magnetPlate">
-          <path d="M118,81.7c2.2,0,4-1.8,4-4V11.9c0-2.2-1.8-4-4-4H18.1c-2.2,0-4,1.8-4,4v65.8c0,2.2,1.8,4,4,4L118,81.7 M118,82.4H18.1 c-2.6,0-4.7-2.1-4.7-4.7V11.9c0-2.6,2.1-4.7,4.7-4.7H118c2.6,0,4.7,2.1,4.7,4.7v65.8C122.7,80.3,120.6,82.4,118,82.4L118,82.4z"></path>
-          <path d="M42.2,23.3v-9.8h-1.9v9.8H42.2 M42.9,24h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V24L42.9,24z"></path>
-          <path d="M42.2,41v-9.8h-1.9V41H42.2 M42.9,41.7h-0.7h-1.9h-0.7V41v-9.8v-0.7h0.7h1.9h0.7v0.7V41V41.7L42.9,41.7z"></path>
-          <path d="M42.2,58.8V49h-1.9v9.8H42.2 M42.9,59.5h-0.7h-1.9h-0.7v-0.7V49v-0.7h0.7h1.9h0.7V49v9.8V59.5L42.9,59.5z"></path>
-          <path d="M59.9,76.6v-9.8h-1.9v9.8H59.9 M60.7,77.4h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V77.4L60.7,77.4z"></path>
-          <path d="M59.9,23.3v-9.8h-1.9v9.8H59.9 M60.7,24h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V24L60.7,24z"></path>
-          <path d="M59.9,41v-9.8h-1.9V41H59.9 M60.7,41.7h-0.7h-1.9h-0.7V41v-9.8v-0.7h0.7h1.9h0.7v0.7V41V41.7L60.7,41.7z"></path>
-          <path d="M59.9,58.8V49h-1.9v9.8H59.9 M60.7,59.5h-0.7h-1.9h-0.7v-0.7V49v-0.7h0.7h1.9h0.7V49v9.8V59.5L60.7,59.5z"></path>
-          <path d="M77.7,76.6v-9.8h-1.9v9.8H77.7 M78.4,77.4h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V77.4L78.4,77.4z"></path>
-          <path d="M77.7,23.3v-9.8h-1.9v9.8H77.7 M78.4,24h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V24L78.4,24z"></path>
-          <path d="M77.7,41v-9.8h-1.9V41H77.7 M78.4,41.7h-0.7h-1.9h-0.7V41v-9.8v-0.7h0.7h1.9h0.7v0.7V41V41.7L78.4,41.7z"></path>
-          <path d="M77.7,58.8V49h-1.9v9.8H77.7 M78.4,59.5h-0.7h-1.9h-0.7v-0.7V49v-0.7h0.7h1.9h0.7V49v9.8V59.5L78.4,59.5z"></path>
-          <path d="M95.5,76.6v-9.8h-1.9v9.8H95.5 M96.2,77.4h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V77.4L96.2,77.4z"></path>
-          <path d="M95.5,23.3v-9.8h-1.9v9.8H95.5 M96.2,24h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V24L96.2,24z"></path>
-          <path d="M95.5,41v-9.8h-1.9V41H95.5 M96.2,41.7h-0.7h-1.9h-0.7V41v-9.8v-0.7h0.7h1.9h0.7v0.7V41V41.7L96.2,41.7z"></path>
-          <path d="M95.5,58.8V49h-1.9v9.8H95.5 M96.2,59.5h-0.7h-1.9h-0.7v-0.7V49v-0.7h0.7h1.9h0.7V49v9.8V59.5L96.2,59.5z"></path>
-          <path d="M113.3,76.6v-9.8h-1.9v9.8H113.3 M114,77.4h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V77.4L114,77.4z"></path>
-          <path d="M113.3,23.3v-9.8h-1.9v9.8H113.3 M114,24h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V24L114,24z"></path>
-          <path d="M113.3,41v-9.8h-1.9V41H113.3 M114,41.7h-0.7h-1.9h-0.7V41v-9.8v-0.7h0.7h1.9h0.7v0.7V41V41.7L114,41.7z"></path>
-          <path d="M113.3,58.8V49h-1.9v9.8H113.3 M114,59.5h-0.7h-1.9h-0.7v-0.7V49v-0.7h0.7h1.9h0.7V49v9.8V59.5L114,59.5z"></path>
-        </g>
-        <g id="innerWall">
-          <path d="M135.2,73.8h-8.8c-1,0-1.7,0.8-1.7,1.7v6.2c0,1.2-1,2.2-2.2,2.2H83.6v0.7h38.8c1.6,0,3-1.3,3-3v-6.2c0-0.6,0.5-1,1-1h8.8 V73.8z M122.4,4.7H83.6v0.7h38.8c1.2,0,2.2,1,2.2,2.2v6.2c0,1,0.8,1.7,1.7,1.7h8.8v-0.7h-8.8c-0.6,0-1-0.5-1-1V7.7 C125.4,6.1,124.1,4.7,122.4,4.7z"></path>
-        </g>
-        <g id="labwareBracket">
-          <path d="M84.3,0H0v90h84.4v-9H17.4c-3.4,0-6.1-2.7-6.1-6.1V14.7c0-3.4,2.7-6.1,6.1-6.1h66.9L84.3,0L84.3,0z M1.4,1.4h81.5v5.7 H17.4c-4.1,0-7.5,3.4-7.5,7.5v60.2c0,4.1,3.4,7.5,7.5,7.5h65.5v6.1H1.4V1.4z"></path>
-        </g>
-        <g id="magnetPlateOverlayFill">
-          <path
-            d="M118,81.7c2.2,0,4-1.8,4-4V11.9c0-2.2-1.8-4-4-4H18.1c-2.2,0-4,1.8-4,4v65.8c0,2.2,1.8,4,4,4L118,81.7z"
-            style={{ fill: '#FFFFFFF0' }}
-          ></path>
-        </g>
-        <g id="outline">
-          <path d="M135.9,0H0l0,90h135.9V0z M1.4,1.4h133.1v87.1H1.4V1.4z"></path>
-        </g>
-      </g>
-    </g>
-  )
-}

package/src/hardware-sim/Module/Module.stories.tsx

@@ -1,121 +0,0 @@
-import {
-  ABSORBANCE_READER_V1,
-  fixture96Plate,
-  FLEX_STACKER_MODULE_V1,
-  getModuleDef,
-  HEATERSHAKER_MODULE_V1,
-  MAGNETIC_BLOCK_V1,
-  MAGNETIC_MODULE_V1,
-  MAGNETIC_MODULE_V2,
-  TEMPERATURE_MODULE_V1,
-  TEMPERATURE_MODULE_V2,
-  THERMOCYCLER_MODULE_V1,
-  THERMOCYCLER_MODULE_V2,
-} from '@opentrons/shared-data'
-
-import { LabwareRender } from '../Labware'
-import { RobotCoordinateSpace } from '../RobotCoordinateSpace'
-import { Module as ModuleComponent } from './'
-
-import type { Meta, Story } from '@storybook/react'
-import type { LabwareDefinition, ModuleModel } from '@opentrons/shared-data'
-
-const moduleModels: ModuleModel[] = [
-  TEMPERATURE_MODULE_V2,
-  TEMPERATURE_MODULE_V1,
-  THERMOCYCLER_MODULE_V1,
-  THERMOCYCLER_MODULE_V2,
-  MAGNETIC_MODULE_V1,
-  MAGNETIC_MODULE_V2,
-  HEATERSHAKER_MODULE_V1,
-  MAGNETIC_BLOCK_V1,
-  ABSORBANCE_READER_V1,
-  FLEX_STACKER_MODULE_V1,
-]
-
-const moduleModelOptions = {
-  'Temperature Module V2': TEMPERATURE_MODULE_V2,
-  'Temperature Module V1': TEMPERATURE_MODULE_V1,
-  'Thermocycler Module V1': THERMOCYCLER_MODULE_V1,
-  'Thermocycler Module V2': THERMOCYCLER_MODULE_V2,
-  'Magnetic Module V1': MAGNETIC_MODULE_V1,
-  'Magnetic Module V2': MAGNETIC_MODULE_V2,
-  'Heater-Shaker Module V1': HEATERSHAKER_MODULE_V1,
-  'Magnetic Block V1': MAGNETIC_BLOCK_V1,
-  'Absorbance Reader V1': ABSORBANCE_READER_V1,
-  'Flex Stacker Module V1': FLEX_STACKER_MODULE_V1,
-}
-
-export default {
-  title: 'Library/Molecules/Simulation/Module',
-} as Meta
-
-const Template: Story<{
-  model: ModuleModel
-  orientation: 'left' | 'right'
-  hasLabware: boolean
-  innerProps: {}
-}> = args => {
-  // Add null check and default to first module model if undefined
-  const moduleModel = args.model || moduleModels[0]
-
-  return (
-    <RobotCoordinateSpace height="100vh" width="100vw" viewBox="0 -50 200 320">
-      <ModuleComponent
-        def={getModuleDef(moduleModel)}
-        x={0}
-        y={0}
-        innerProps={args.innerProps}
-        orientation={args.orientation}
-        targetSlotId={null}
-        targetDeckId={null}
-        childrenPositioningMode="offsetToSlot"
-      >
-        {args.hasLabware ? (
-          <LabwareRender
-            definition={fixture96Plate as LabwareDefinition}
-            positioningMode="passThrough"
-          />
-        ) : null}
-      </ModuleComponent>
-    </RobotCoordinateSpace>
-  )
-}
-
-export const Module = Template.bind({})
-Module.args = {
-  model: TEMPERATURE_MODULE_V2,
-  orientation: 'left',
-  hasLabware: false,
-  innerProps: {
-    lidMotorState: 'open',
-    blockTargetTemp: 90,
-    targetTemperature: 4,
-    targetTemp: 40,
-  },
-}
-
-Module.argTypes = {
-  model: {
-    control: {
-      type: 'select',
-    },
-    options: moduleModelOptions,
-  },
-  orientation: {
-    control: {
-      type: 'select',
-    },
-    options: ['left', 'right'],
-  },
-  hasLabware: {
-    control: {
-      type: 'boolean',
-    },
-  },
-  innerProps: {
-    control: {
-      type: 'object',
-    },
-  },
-}

package/src/hardware-sim/Module/ModuleTag.tsx

@@ -1,39 +0,0 @@
-import {
-  ALIGN_CENTER,
-  C_MED_LIGHT_GRAY,
-  JUSTIFY_CENTER,
-  RobotCoordsForeignDiv,
-  SPACING_1,
-} from '../../'
-
-import type { ReactNode } from 'react'
-
-export interface ModuleTagProps {
-  x: number
-  y: number
-  height: number
-  width: number
-  children: ReactNode
-}
-
-export const ModuleTag = (props: ModuleTagProps): JSX.Element => {
-  const { x, y, height, width, children } = props
-
-  return (
-    <RobotCoordsForeignDiv
-      x={x}
-      y={y}
-      height={height}
-      width={width}
-      innerDivProps={{
-        display: 'flex',
-        justifyContent: JUSTIFY_CENTER,
-        alignItems: ALIGN_CENTER,
-        backgroundColor: C_MED_LIGHT_GRAY,
-        padding: SPACING_1,
-      }}
-    >
-      {children}
-    </RobotCoordsForeignDiv>
-  )
-}

package/src/hardware-sim/Module/PlateReader.tsx

@@ -1,208 +0,0 @@
-export function PlateReader(): JSX.Element {
-  return (
-    <g>
-      <g id="plateReader">
-        <rect
-          style={{
-            fill: '#DEDEDE',
-          }}
-          y="0"
-          width="298.9"
-          height="101"
-          rx="4.7"
-          ry="4.7"
-        />
-        <g>
-          <path
-            style={{
-              fill: '#e6e6e6',
-            }}
-            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"
-          />
-          <path
-            style={{
-              fill: '#4c4b4c',
-            }}
-            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"
-          />
-        </g>
-        <path
-          style={{
-            fill: '#4a4b4c',
-          }}
-          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"
-        />
-        <g>
-          <g>
-            <path
-              style={{
-                fill: '#e6e6e5',
-              }}
-              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"
-            />
-            <path
-              style={{
-                fill: '#4b4b4b',
-              }}
-              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"
-            />
-          </g>
-          <rect
-            style={{
-              fill: '#4b4b4b',
-            }}
-            x="2"
-            y="15.8"
-            width="4.5"
-            height=".9"
-          />
-          <rect
-            style={{
-              fill: '#4b4b4b',
-            }}
-            x="2"
-            y="78.9"
-            width="4.5"
-            height=".9"
-          />
-        </g>
-        <g>
-          <g>
-            <rect
-              style={{
-                fill: '#e6e6e6',
-              }}
-              x="8.9"
-              y="3.5"
-              width="143.3"
-              height="88.6"
-              rx="6.2"
-              ry="6.2"
-            />
-            <path
-              style={{
-                fill: '#4d4b4d',
-              }}
-              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"
-            />
-          </g>
-          <path
-            style={{
-              fill: '#4d4b4d',
-            }}
-            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"
-          />
-          <rect
-            style={{
-              fill: '#4b4b4b',
-            }}
-            x="142.1"
-            y="29.3"
-            width="3.3"
-            height="10.3"
-            rx="1.7"
-            ry="1.7"
-          />
-          <circle
-            style={{
-              fill: '#fff',
-            }}
-            cx="143.7"
-            cy="31.1"
-            r=".8"
-          />
-          <circle
-            style={{
-              fill: '#fff',
-            }}
-            cx="143.7"
-            cy="33.4"
-            r=".8"
-          />
-          <circle
-            style={{
-              fill: '#fff',
-            }}
-            cx="143.7"
-            cy="35.6"
-            r=".8"
-          />
-          <circle
-            style={{
-              fill: '#fff',
-            }}
-            cx="143.7"
-            cy="37.9"
-            r=".8"
-          />
-          <rect
-            style={{
-              fill: '#4b4b4b',
-            }}
-            x="142.1"
-            y="53.8"
-            width="3.3"
-            height="10.3"
-            rx="1.7"
-            ry="1.7"
-          />
-          <circle
-            style={{
-              fill: '#fff',
-            }}
-            cx="143.7"
-            cy="55.6"
-            r=".8"
-          />
-          <circle
-            style={{
-              fill: '#fff',
-            }}
-            cx="143.7"
-            cy="57.9"
-            r=".8"
-          />
-          <circle
-            style={{
-              fill: '#fff',
-            }}
-            cx="143.7"
-            cy="60.1"
-            r=".8"
-          />
-          <circle
-            style={{
-              fill: '#fff',
-            }}
-            cx="143.7"
-            cy="62.4"
-            r=".8"
-          />
-          <path
-            style={{
-              fill: '#4b4b4b',
-            }}
-            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"
-          />
-          <path
-            style={{
-              fill: '#4b4b4b',
-            }}
-            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"
-          />
-        </g>
-        <rect
-          style={{
-            fill: '#fff',
-          }}
-          x="27.2"
-          y="17.6"
-          width="92.5"
-          height="60.4"
-          rx="2.5"
-          ry="2.5"
-        />
-      </g>
-    </g>
-  )
-}

package/src/hardware-sim/Module/Temperature.tsx

@@ -1,54 +0,0 @@
-import { COLORS } from '../../helix-design-system'
-
-export interface TemperatureVizProps {
-  targetTemperature: number | null
-}
-
-const ROOM_TEMPERATURE_C = 23
-
-export function Temperature(props: TemperatureVizProps): JSX.Element {
-  const { targetTemperature } = props
-  let ledLightColor = COLORS.transparent
-  if (targetTemperature != null) {
-    ledLightColor =
-      targetTemperature <= ROOM_TEMPERATURE_C ? COLORS.blue35 : COLORS.red30
-  }
-
-  return (
-    <>
-      <g id="darkFill">
-        <path
-          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"
-          style={{
-            fillRule: 'evenodd',
-            clipRule: 'evenodd',
-            fill: 'rgb(230, 230, 230)',
-          }}
-        ></path>
-      </g>
-      <g id="outline">
-        <path d="M197.7,0H5.3v90h192.4V0z M6.7,1.4h189.6v87.1H6.7V1.4z"></path>
-      </g>
-      <g id="labwareSurface">
-        <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>
-      </g>
-      <g id="innerWalls">
-        <path d="M6,86.4h62.5v-0.7H6V86.4z M6,4.1h63.4V3.3H6L6,4.1L6,4.1z"></path>
-      </g>
-      <g id="powerButton">
-        <path d="M6.4,9.2H0v10.3h6.4V9.2z M0.7,9.9h5v8.9h-5V9.9z"></path>
-      </g>
-      <g id="displayPanel">
-        <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>
-      </g>
-      <g id="statusLight">
-        <path
-          fill={ledLightColor}
-          stroke={COLORS.black90}
-          strokeWidth={0.5}
-          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"
-        />
-      </g>
-    </>
-  )
-}