refactor(components, app): move LargeButton to components and add helix styling (#15929)

closes AUTH-622

Author: jerader

app/src/atoms/buttons/index.ts

@@ -1,6 +1,5 @@
 export { BackButton } from './BackButton'
 export { FloatingActionButton } from './FloatingActionButton'
-export { LargeButton } from './LargeButton'
 export { MediumButton } from './MediumButton'
 export { QuaternaryButton } from './QuaternaryButton'
 export { SmallButton } from './SmallButton'

app/src/organisms/ErrorRecoveryFlows/RunPausedSplash.tsx

@@ -21,11 +21,11 @@ import {
   JUSTIFY_END,
   PrimaryButton,
   SecondaryButton,
+  LargeButton,
 } from '@opentrons/components'
 
 import { useErrorName } from './hooks'
 import { getErrorKind } from './utils'
-import { LargeButton } from '../../atoms/buttons'
 import { RECOVERY_MAP } from './constants'
 import {
   RecoveryInterventionModal,

app/src/organisms/QuickTransferFlow/QuickTransferAdvancedSettings/AirGap.tsx

@@ -8,9 +8,9 @@ import {
   POSITION_FIXED,
   COLORS,
   ALIGN_CENTER,
+  LargeButton,
 } from '@opentrons/components'
 import { getTopPortalEl } from '../../../App/portal'
-import { LargeButton } from '../../../atoms/buttons'
 import { ChildNavigation } from '../../ChildNavigation'
 import { InputField } from '../../../atoms/InputField'
 import { ACTIONS } from '../constants'

app/src/organisms/QuickTransferFlow/QuickTransferAdvancedSettings/BlowOut.tsx

@@ -6,6 +6,7 @@ import {
   SPACING,
   DIRECTION_COLUMN,
   POSITION_FIXED,
+  LargeButton,
   COLORS,
 } from '@opentrons/components'
 import {
@@ -14,7 +15,6 @@ import {
   TRASH_BIN_ADAPTER_FIXTURE,
 } from '@opentrons/shared-data'
 import { getTopPortalEl } from '../../../App/portal'
-import { LargeButton } from '../../../atoms/buttons'
 import { useNotifyDeckConfigurationQuery } from '../../../resources/deck_configuration'
 import { ChildNavigation } from '../../ChildNavigation'
 import { ACTIONS } from '../constants'

app/src/organisms/QuickTransferFlow/QuickTransferAdvancedSettings/Delay.tsx

@@ -8,9 +8,9 @@ import {
   POSITION_FIXED,
   COLORS,
   ALIGN_CENTER,
+  LargeButton,
 } from '@opentrons/components'
 import { getTopPortalEl } from '../../../App/portal'
-import { LargeButton } from '../../../atoms/buttons'
 import { ChildNavigation } from '../../ChildNavigation'
 import { InputField } from '../../../atoms/InputField'
 import { ACTIONS } from '../constants'

app/src/organisms/QuickTransferFlow/QuickTransferAdvancedSettings/Mix.tsx

@@ -7,10 +7,10 @@ import {
   DIRECTION_COLUMN,
   POSITION_FIXED,
   COLORS,
+  LargeButton,
   ALIGN_CENTER,
 } from '@opentrons/components'
 import { getTopPortalEl } from '../../../App/portal'
-import { LargeButton } from '../../../atoms/buttons'
 import { ChildNavigation } from '../../ChildNavigation'
 import { InputField } from '../../../atoms/InputField'
 import { ACTIONS } from '../constants'

app/src/organisms/QuickTransferFlow/QuickTransferAdvancedSettings/PipettePath.tsx

@@ -7,11 +7,11 @@ import {
   DIRECTION_COLUMN,
   POSITION_FIXED,
   COLORS,
+  LargeButton,
   ALIGN_CENTER,
 } from '@opentrons/components'
 import { useNotifyDeckConfigurationQuery } from '../../../resources/deck_configuration'
 import { getTopPortalEl } from '../../../App/portal'
-import { LargeButton } from '../../../atoms/buttons'
 import { ChildNavigation } from '../../ChildNavigation'
 import { useBlowOutLocationOptions } from './BlowOut'
 import { getVolumeRange } from '../utils'

app/src/organisms/QuickTransferFlow/QuickTransferAdvancedSettings/TouchTip.tsx

@@ -8,9 +8,9 @@ import {
   POSITION_FIXED,
   COLORS,
   ALIGN_CENTER,
+  LargeButton,
 } from '@opentrons/components'
 import { getTopPortalEl } from '../../../App/portal'
-import { LargeButton } from '../../../atoms/buttons'
 import { ChildNavigation } from '../../ChildNavigation'
 import { InputField } from '../../../atoms/InputField'
 import { ACTIONS } from '../constants'

app/src/pages/RunSummary/index.tsx

@@ -26,6 +26,7 @@ import {
   POSITION_RELATIVE,
   SPACING,
   TYPOGRAPHY,
+  LargeButton,
   WRAP,
 } from '@opentrons/components'
 import {
@@ -40,7 +41,6 @@ import {
   useDeleteRunMutation,
 } from '@opentrons/react-api-client'
 
-import { LargeButton } from '../../atoms/buttons'
 import {
   useRunTimestamps,
   useRunControls,

app/src/atoms/buttons/LargeButton.stories.tsx renamed to components/src/atoms/buttons/LargeButton.stories.tsx

@@ -1,11 +1,15 @@
 import * as React from 'react'
-import { Box, COLORS, SPACING, ICON_DATA_BY_NAME } from '@opentrons/components'
-import { LargeButton } from './'
+
+import { ICON_DATA_BY_NAME } from '../../icons'
+import { SPACING } from '../../ui-style-constants'
+import { Box } from '../../primitives'
+import { COLORS } from '../../helix-design-system'
+import { LargeButton } from './LargeButton'
 
 import type { Meta, StoryObj } from '@storybook/react'
 
 const meta: Meta<typeof LargeButton> = {
-  title: 'ODD/Atoms/Buttons/LargeButton',
+  title: 'Library/Atoms/Buttons/LargeButton',
   component: LargeButton,
   argTypes: {
     onClick: { action: 'clicked' },