refactor(components, app): move RadioButton and add styling for helix

closes AUTH-620
Opentrons · Aug 7, 2024 · bd2157b · bd2157b
1 parent 46d59df
commit bd2157b
Show file tree

Hide file tree

Showing 12 changed files with 22 additions and 16 deletions.
diff --git a/app/src/organisms/ErrorRecoveryFlows/RecoveryOptions/IgnoreErrorSkipStep.tsx b/app/src/organisms/ErrorRecoveryFlows/RecoveryOptions/IgnoreErrorSkipStep.tsx
@@ -9,6 +9,7 @@ import {
   SPACING,
   StyledText,
   RESPONSIVENESS,
+  RadioButton,
 } from '@opentrons/components'
 
 import {
@@ -23,7 +24,6 @@ import {
   RecoverySingleColumnContentWrapper,
   RecoveryRadioGroup,
 } from '../shared'
-import { RadioButton } from '../../../atoms/buttons'
 
 import type { RecoveryContentProps } from '../types'
 

diff --git a/app/src/organisms/ErrorRecoveryFlows/RecoveryOptions/SelectRecoveryOption.tsx b/app/src/organisms/ErrorRecoveryFlows/RecoveryOptions/SelectRecoveryOption.tsx
@@ -7,6 +7,7 @@ import {
   Flex,
   SPACING,
   StyledText,
+  RadioButton,
 } from '@opentrons/components'
 
 import {
@@ -16,7 +17,6 @@ import {
   ODD_ONLY,
   DESKTOP_ONLY,
 } from '../constants'
-import { RadioButton } from '../../../atoms/buttons'
 import {
   RecoveryODDOneDesktopTwoColumnContentWrapper,
   RecoveryRadioGroup,

diff --git a/app/src/organisms/NetworkSettings/SelectAuthenticationType.tsx b/app/src/organisms/NetworkSettings/SelectAuthenticationType.tsx
@@ -13,9 +13,9 @@ import {
   SPACING,
   LegacyStyledText,
   TYPOGRAPHY,
+  RadioButton,
 } from '@opentrons/components'
 
-import { RadioButton } from '../../atoms/buttons'
 import { getLocalRobot } from '../../redux/discovery'
 import { getNetworkInterfaces, fetchStatus } from '../../redux/networking'
 import { useIsUnboxingFlowOngoing } from '../RobotSettingsDashboard/NetworkSettings/hooks'

diff --git a/app/src/organisms/ProtocolSetupParameters/ChooseCsvFile.tsx b/app/src/organisms/ProtocolSetupParameters/ChooseCsvFile.tsx
@@ -12,11 +12,11 @@ import {
   Flex,
   LegacyStyledText,
   SPACING,
+  RadioButton,
   TYPOGRAPHY,
 } from '@opentrons/components'
 import { useAllCsvFilesQuery } from '@opentrons/react-api-client'
 
-import { RadioButton } from '../../atoms/buttons'
 import { getShellUpdateDataFiles } from '../../redux/shell'
 import { ChildNavigation } from '../ChildNavigation'
 import { EmptyFile } from './EmptyFile'

diff --git a/app/src/organisms/ProtocolSetupParameters/ChooseEnum.tsx b/app/src/organisms/ProtocolSetupParameters/ChooseEnum.tsx
@@ -6,9 +6,9 @@ import {
   Flex,
   SPACING,
   LegacyStyledText,
+  RadioButton,
   TYPOGRAPHY,
 } from '@opentrons/components'
-import { RadioButton } from '../../atoms/buttons'
 import { useToaster } from '../ToasterOven'
 import { ChildNavigation } from '../ChildNavigation'
 import type { ChoiceParameter } from '@opentrons/shared-data'

diff --git a/app/src/organisms/QuickTransferFlow/SelectDestLabware.tsx b/app/src/organisms/QuickTransferFlow/SelectDestLabware.tsx
@@ -9,10 +9,9 @@ import {
   POSITION_FIXED,
   ALIGN_CENTER,
   Tabs,
+  RadioButton,
 } from '@opentrons/components'
 
-import { RadioButton } from '../../atoms/buttons'
-
 import { ChildNavigation } from '../ChildNavigation'
 import { getCompatibleLabwareByCategory } from './utils'
 

diff --git a/app/src/organisms/QuickTransferFlow/SelectPipette.tsx b/app/src/organisms/QuickTransferFlow/SelectPipette.tsx
@@ -6,10 +6,10 @@ import {
   LegacyStyledText,
   TYPOGRAPHY,
   DIRECTION_COLUMN,
+  RadioButton,
 } from '@opentrons/components'
 import { useInstrumentsQuery } from '@opentrons/react-api-client'
 import { RIGHT, LEFT } from '@opentrons/shared-data'
-import { RadioButton } from '../../atoms/buttons'
 import { usePipetteSpecsV2 } from '../../resources/instruments/hooks'
 import { ChildNavigation } from '../ChildNavigation'
 

diff --git a/app/src/organisms/QuickTransferFlow/SelectSourceLabware.tsx b/app/src/organisms/QuickTransferFlow/SelectSourceLabware.tsx
@@ -9,10 +9,9 @@ import {
   POSITION_FIXED,
   ALIGN_CENTER,
   Tabs,
+  RadioButton,
 } from '@opentrons/components'
 
-import { RadioButton } from '../../atoms/buttons'
-
 import { ChildNavigation } from '../ChildNavigation'
 import { getCompatibleLabwareByCategory } from './utils'
 

diff --git a/app/src/organisms/QuickTransferFlow/SelectTipRack.tsx b/app/src/organisms/QuickTransferFlow/SelectTipRack.tsx
@@ -1,8 +1,12 @@
 import * as React from 'react'
 import { useTranslation } from 'react-i18next'
-import { Flex, SPACING, DIRECTION_COLUMN } from '@opentrons/components'
+import {
+  Flex,
+  SPACING,
+  DIRECTION_COLUMN,
+  RadioButton,
+} from '@opentrons/components'
 import { getAllDefinitions } from '@opentrons/shared-data'
-import { RadioButton } from '../../atoms/buttons'
 import { ChildNavigation } from '../ChildNavigation'
 
 import type { LabwareDefinition2 } from '@opentrons/shared-data'

diff --git a/app/src/organisms/QuickTransferFlow/TipManagement/ChangeTip.tsx b/app/src/organisms/QuickTransferFlow/TipManagement/ChangeTip.tsx
@@ -7,9 +7,9 @@ import {
   DIRECTION_COLUMN,
   POSITION_FIXED,
   COLORS,
+  RadioButton,
 } from '@opentrons/components'
 import { getTopPortalEl } from '../../../App/portal'
-import { RadioButton } from '../../../atoms/buttons'
 import { ChildNavigation } from '../../ChildNavigation'
 
 import type {

diff --git a/app/src/organisms/QuickTransferFlow/TipManagement/TipDropLocation.tsx b/app/src/organisms/QuickTransferFlow/TipManagement/TipDropLocation.tsx
@@ -6,6 +6,7 @@ import {
   SPACING,
   DIRECTION_COLUMN,
   POSITION_FIXED,
+  RadioButton,
   COLORS,
 } from '@opentrons/components'
 import {
@@ -14,7 +15,6 @@ import {
   TRASH_BIN_ADAPTER_FIXTURE,
 } from '@opentrons/shared-data'
 import { getTopPortalEl } from '../../../App/portal'
-import { RadioButton } from '../../../atoms/buttons'
 import { useNotifyDeckConfigurationQuery } from '../../../resources/deck_configuration'
 import { ChildNavigation } from '../../ChildNavigation'
 

diff --git a/app/src/organisms/RobotSettingsDashboard/TouchScreenSleep.tsx b/app/src/organisms/RobotSettingsDashboard/TouchScreenSleep.tsx
@@ -2,9 +2,13 @@ import * as React from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { useTranslation } from 'react-i18next'
 
-import { DIRECTION_COLUMN, Flex, SPACING } from '@opentrons/components'
+import {
+  DIRECTION_COLUMN,
+  Flex,
+  SPACING,
+  RadioButton,
+} from '@opentrons/components'
 
-import { RadioButton } from '../../atoms/buttons'
 import { ChildNavigation } from '../../organisms/ChildNavigation'
 import {
   getOnDeviceDisplaySettings,