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

package/src/hardware-sim/ProtocolDeck/LabwareInfo.tsx

@@ -1,69 +0,0 @@
-import { css } from 'styled-components'
-
-import { RobotCoordsForeignDiv } from '../Deck'
-import {
-  DISPLAY_FLEX,
-  DIRECTION_COLUMN,
-  DIRECTION_ROW,
-  JUSTIFY_FLEX_END,
-  JUSTIFY_SPACE_BETWEEN,
-  ALIGN_FLEX_START,
-} from '../../styles'
-import { Box, Flex, Text } from '../../primitives'
-import { TYPOGRAPHY, SPACING } from '../../ui-style-constants'
-import { COLORS } from '../../helix-design-system'
-
-import type { ReactNode } from 'react'
-import type { LabwareDefinition2 } from '@opentrons/shared-data'
-
-const labwareDisplayNameStyle = css`
-  ${TYPOGRAPHY.labelSemiBold}
-  overflow: hidden;
-  white-space: initial;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-`
-export function LabwareInfo(props: {
-  def: LabwareDefinition2
-  children: ReactNode
-}): JSX.Element {
-  const width = props.def.dimensions.xDimension
-  const height = props.def.dimensions.yDimension
-  return (
-    <RobotCoordsForeignDiv
-      x={0}
-      y={0}
-      {...{ width, height }}
-      innerDivProps={{
-        display: DISPLAY_FLEX,
-        flexDirection: DIRECTION_COLUMN,
-        justifyContent: JUSTIFY_FLEX_END,
-      }}
-    >
-      <Box
-        backgroundColor="#000000B3"
-        borderRadius="0 0 0.4rem 0.4rem"
-        fontSize={TYPOGRAPHY.fontSizeCaption}
-        padding={SPACING.spacing4}
-        color={COLORS.white}
-      >
-        <Flex
-          flexDirection={DIRECTION_ROW}
-          justifyContent={JUSTIFY_SPACE_BETWEEN}
-          alignItems={ALIGN_FLEX_START}
-          gridGap={SPACING.spacing4}
-        >
-          <Text
-            as="h6"
-            lineHeight={TYPOGRAPHY.fontSizeCaption}
-            css={labwareDisplayNameStyle}
-          >
-            {props.children}
-          </Text>
-        </Flex>
-      </Box>
-    </RobotCoordsForeignDiv>
-  )
-}

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

@@ -1,25 +0,0 @@
-import type * as React from 'react'
-import analysisFileFixture from './__fixtures__/analysis_QIAseqFX24xv4_8.json'
-
-import { ProtocolDeck as ProtocolDeckComponent } from './'
-
-import type { Meta, StoryObj } from '@storybook/react'
-import type { ProtocolAnalysisOutput } from '@opentrons/shared-data'
-
-const meta: Meta<React.ComponentProps<typeof ProtocolDeckComponent>> = {
-  component: ProtocolDeckComponent,
-  title: 'Library/Molecules/Simulation/ProtocolDeck',
-} as Meta
-
-export default meta
-type Story = StoryObj<React.ComponentProps<typeof ProtocolDeckComponent>>
-
-export const ProtocolDeck: Story = {
-  args: {
-    // @ts-expect-error typescript can't import JSON as const
-    protocolAnalysis: analysisFileFixture as ProtocolAnalysisOutput,
-  },
-  render: args => {
-    return <ProtocolDeckComponent {...args} />
-  },
-}