refactor(components): Refactor select components for LPC Redesign

[mjhuff]

Closes EXEC-1242 and EXEC-1260

Overview

This PR updates a couple components as required for the LPC Redesign. There is a lot of noise in this PR. The first two commits are the non-lint solving ones.

RadioButton

See here. Just adds better defined subtext, supporting vertical and horizontal placements. This requires updating a couple implementations, too.

ListItem

See here. Just adds some new states and background colors. Renames noActive to default per Design, too.

Test Plan and Hands on Testing

• See See Storybook, available at https://s3-us-west-2.amazonaws.com/opentrons-components/components_refactor-select-components-for-lpc-redesign/index.html once CI has sufficiently completed for the aforementioned components.

Risk assessment

low

[koji]

🥇
thank you for doing this actually Nick and I talked about updating this.
protocol-designer uses this a lot. If you want us(auth team) to update them, let us know.

[mjhuff]

Sounds good! I went ahead and did the changes since they were failing lint (below commit). It appears there's one other component that still uses noActive, which is ListButton.

[codecov]

Codecov Report

Attention: Patch coverage is 88.78505% with 12 lines in your changes missing coverage. Please review.

Project coverage is 64.48%. Comparing base (507da17) to head (341820c).
Report is 8 commits behind head on edge.

Files with missing lines	Patch %	Lines
.../pages/Designer/ProtocolSteps/Timeline/Substep.tsx	0.00%	3 Missing ⚠️
...r/src/pages/Designer/ProtocolSteps/StepSummary.tsx	0.00%	2 Missing ⚠️
...s/ODD/NetworkSettings/SelectAuthenticationType.tsx	75.00%	1 Missing ⚠️
...low/QuickTransferAdvancedSettings/BaseSettings.tsx	0.00%	1 Missing ⚠️
...src/organisms/AssignLiquidsModal/LiquidToolbox.tsx	0.00%	1 Missing ⚠️
...organisms/EditInstrumentsModal/PipetteOverview.tsx	0.00%	1 Missing ⚠️
...rc/pages/CreateNewProtocolWizard/SelectModules.tsx	0.00%	1 Missing ⚠️
...tocolSteps/StepForm/PipetteFields/TiprackField.tsx	0.00%	1 Missing ⚠️
...StepTools/AbsorbanceReaderTools/Initialization.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##             edge   #17622       +/-   ##
===========================================
+ Coverage   25.68%   64.48%   +38.80%     
===========================================
  Files        2851     2820       -31     
  Lines      219457   217593     -1864     
  Branches    17971    18466      +495     
===========================================
+ Hits        56363   140321    +83958     
+ Misses     163079    77084    -85995     
- Partials       15      188      +173     

Flag	Coverage Δ
protocol-designer	18.96% <58.87%> (+0.02%)	⬆️
step-generation	4.37% <0.00%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
app/src/molecules/HeadlineTagBtn/index.tsx	100.00% <100.00%> (+100.00%)	⬆️
...ompatibleModule/IncompatibleModuleODDModalBody.tsx	100.00% <100.00%> (+100.00%)	⬆️
...p/src/organisms/ODD/QuickTransferFlow/Overview.tsx	93.54% <100.00%> (+93.54%)	⬆️
...ansferFlow/QuickTransferAdvancedSettings/index.tsx	92.66% <100.00%> (+92.66%)	⬆️
...anisms/ODD/QuickTransferFlow/SelectDestLabware.tsx	94.11% <100.00%> (+94.11%)	⬆️
.../organisms/ODD/QuickTransferFlow/SelectPipette.tsx	95.12% <100.00%> (+95.12%)	⬆️
...isms/ODD/QuickTransferFlow/TipManagement/index.tsx	92.77% <100.00%> (+92.77%)	⬆️
components/src/atoms/ListItem/index.tsx	100.00% <100.00%> (ø)
components/src/atoms/buttons/RadioButton.tsx	100.00% <100.00%> (+9.75%)	⬆️
components/src/atoms/index.ts	100.00% <100.00%> (ø)
... and 24 more

... and 1610 files with indirect coverage changes

[smb2268]

Changes & storybook look good to me!

[koji]

did a smoke test for the PD and there were no issues
thank you for updating type!