@opentrons/components 0.1.5 → 0.1.6-alpha.10

package/lib/atoms/Tooltip/index.d.ts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+import type { UseTooltipResultTooltipProps } from '../../tooltips';
+import type { StyleProps } from '../../primitives';
+export interface TooltipProps extends StyleProps {
+    children: React.ReactNode;
+    tooltipProps: UseTooltipResultTooltipProps & {
+        visible: boolean;
+    };
+    key?: string;
+}
+export declare function Tooltip(props: TooltipProps): JSX.Element;

package/lib/atoms/buttons/AlertPrimaryButton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const AlertPrimaryButton: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof JSX.IntrinsicElements, any, import("../../primitives").StyleProps, any>;
+export declare const AlertPrimaryButton: import("styled-components").StyledComponent<"button", any, import("../../primitives").StyleProps, any>;

package/lib/atoms/buttons/AltPrimaryButton.d.ts

@@ -0,0 +1 @@
+export declare const AltPrimaryButton: import("styled-components").StyledComponent<"button", any, import("../..").StyleProps, any>;

package/lib/atoms/buttons/EmptySelectorButton.d.ts

@@ -0,0 +1,10 @@
+import type { IconName } from '../../index';
+interface EmptySelectorButtonProps {
+    onClick: () => void;
+    text: string;
+    textAlignment: 'left' | 'middle';
+    iconName?: IconName;
+    disabled?: boolean;
+}
+export declare function EmptySelectorButton(props: EmptySelectorButtonProps): JSX.Element;
+export {};

package/lib/atoms/buttons/LargeButton.d.ts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type { StyleProps } from '../../primitives';
+import type { IconName } from '../../icons';
+type LargeButtonTypes = 'primary' | 'secondary' | 'alert' | 'alertStroke' | 'alertAlt' | 'stroke';
+interface LargeButtonProps extends StyleProps {
+    /** used for form submission */
+    type?: 'submit';
+    onClick?: () => void;
+    buttonType?: LargeButtonTypes;
+    buttonText: React.ReactNode;
+    iconName?: IconName;
+    disabled?: boolean;
+    /** aria-disabled for displaying snack bar. */
+    ariaDisabled?: boolean;
+}
+export declare function LargeButton(props: LargeButtonProps): JSX.Element;
+export {};

package/lib/atoms/buttons/PrimaryButton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const PrimaryButton: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof JSX.IntrinsicElements, any, import("../../primitives").StyleProps, any>;
+export declare const PrimaryButton: import("styled-components").StyledComponent<"button", any, import("../../primitives").StyleProps, any>;

package/lib/atoms/buttons/RadioButton.d.ts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import type { IconName } from '../../icons';
+import type { StyleProps } from '../../primitives';
+interface RadioButtonProps extends StyleProps {
+    buttonLabel: string | React.ReactNode;
+    buttonValue: string | number;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    disabled?: boolean;
+    iconName?: IconName;
+    isSelected?: boolean;
+    largeDesktopBorderRadius?: boolean;
+    radioButtonType?: 'large' | 'small';
+    subButtonLabel?: string;
+    id?: string;
+    maxLines?: number;
+    setNoHover?: () => void;
+    setHovered?: () => void;
+    error?: string | null;
+}
+export declare function RadioButton(props: RadioButtonProps): JSX.Element;
+export {};

package/lib/atoms/buttons/__tests__/AlertPrimaryButton.test.d.ts

@@ -1 +1 @@
-import 'jest-styled-components';
+import '@testing-library/jest-dom/vitest';

package/lib/atoms/buttons/__tests__/AltPrimaryButton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/lib/atoms/buttons/__tests__/EmptySelectorButton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/lib/atoms/buttons/__tests__/LargeButton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/lib/atoms/buttons/__tests__/PrimaryButton.test.d.ts

@@ -1 +1 @@
-import 'jest-styled-components';
+import '@testing-library/jest-dom/vitest';

package/lib/atoms/buttons/__tests__/RadioButton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/lib/atoms/buttons/__tests__/SecondaryButton.test.d.ts

@@ -1 +1 @@
-import 'jest-styled-components';
+import '@testing-library/jest-dom/vitest';

package/lib/atoms/buttons/index.d.ts

@@ -1,3 +1,6 @@
 export * from './AlertPrimaryButton';
+export * from './EmptySelectorButton';
+export * from './LargeButton';
 export * from './PrimaryButton';
+export * from './RadioButton';
 export * from './SecondaryButton';

package/lib/atoms/index.d.ts

@@ -1,3 +1,20 @@
+export * from './buttons';
+export * from './Checkbox';
 export * from './CheckboxField';
+export * from './Chip';
+export * from './Divider';
+export * from './InputField';
+export * from './ListButton';
+export * from './ListItem';
+export * from './ListItem/ListItemChildren//ListItemDescriptor';
+export * from './MenuList';
+export * from './MenuList/MenuItem';
+export * from './MenuList/OverflowBtn';
+export * from './Snackbar';
 export * from './StepMeter';
-export * from './buttons';
+export * from './StepMeter';
+export * from './StyledText';
+export * from './Tag';
+export * from './Toast';
+export * from './ToggleGroup';
+export * from './Tooltip';

package/lib/buttons/Button.d.ts

@@ -1,5 +1,6 @@
-import * as React from 'react';
-import { BUTTON_TYPE_SUBMIT, BUTTON_TYPE_RESET, BUTTON_TYPE_BUTTON } from '../primitives';
+import type * as React from 'react';
+import { BUTTON_TYPE_BUTTON } from '../primitives';
+import type { BUTTON_TYPE_SUBMIT, BUTTON_TYPE_RESET } from '../primitives';
 import type { IconName } from '../icons';
 import type { UseHoverTooltipTargetProps } from '../tooltips';
 export interface ButtonProps {

package/lib/buttons/DeprecatedPrimaryButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonProps } from './Button';
 /**
  * Primary application button. Fills its container and has a dark

package/lib/buttons/FlatButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonProps } from './Button';
 /**
  * Flat-styled button with a default width of `9rem` and no background fill

package/lib/buttons/IconButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IconProps } from '../icons';
 import type { ButtonProps } from './Button';
 interface Props extends ButtonProps {

package/lib/buttons/OutlineButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonProps } from './Button';
 /**
  * Button with no background fill and a dark border.

package/lib/controls/ControlInfo.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface ControlInfoProps {
     children: React.ReactNode;
     className?: string;

package/lib/controls/LabeledButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ButtonProps } from '../buttons';
 export interface LabeledButtonProps {
     label: string;

package/lib/controls/LabeledCheckbox.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface LabeledCheckboxProps {
     label: string;
     name: string;

package/lib/controls/LabeledControl.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface LabeledControlProps {
     label: string;
     control: React.ReactNode;

package/lib/controls/LabeledRadioGroup.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { RadioGroupProps } from '../forms';
 export interface LabeledRadioGroupProps extends RadioGroupProps {
     label: string;

package/lib/controls/LabeledSelect.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { DropdownFieldProps } from '../forms';
 export interface LabeledSelectProps extends DropdownFieldProps {
     label: string;

package/lib/controls/LabeledToggle.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface LabeledToggleProps {
     label: string;
     toggledOn: boolean;

package/lib/controls/StackedLabeledControl.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface StackedLabeledControlProps {
     label: string;
     control: React.ReactNode;

package/lib/controls/ToggleButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonProps } from '../buttons';
 export interface ToggleButtonProps extends ButtonProps {
     toggledOn: boolean;

package/lib/forms/DeprecatedCheckboxField.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 /**
  * Checkbox Field Properties.
  */

package/lib/forms/DropdownField.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-export interface DropdownOption {
+import type * as React from 'react';
+export interface LegacyDropdownOption {
     name: string;
     value: string;
     disabled?: boolean;
 }
-export type Options = DropdownOption[];
+export type Options = LegacyDropdownOption[];
 export interface DropdownFieldProps {
     /** change handler */
     onChange: React.ChangeEventHandler<HTMLSelectElement>;

package/lib/forms/FormGroup.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { HoverTooltipHandlers } from '../tooltips';
 export interface FormGroupProps {
     /** text label */

package/lib/forms/{InputField.d.ts → LegacyInputField.d.ts}

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 export declare const INPUT_TYPE_TEXT: 'text';
 export declare const INPUT_TYPE_PASSWORD: 'password';
-export interface InputFieldProps {
+export interface LegacyInputFieldProps {
     /** field is disabled if value is true */
     disabled?: boolean;
     /** change handler */
@@ -46,6 +46,6 @@ export interface InputFieldProps {
     isIndeterminate?: boolean;
 }
 /**
- * @deprecated Use `InputField` in App/atoms instead
+ * @deprecated Use `InputField`
  */
-export declare function InputField(props: InputFieldProps): JSX.Element;
+export declare function LegacyInputField(props: LegacyInputFieldProps): JSX.Element;

package/lib/forms/RadioGroup.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface RadioOption {
     name: string;
     value: string;

package/lib/forms/Select.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { components as reactSelectComponents } from 'react-select';
-import { POSITION_ABSOLUTE, POSITION_FIXED } from '../styles';
 import type { Props as ReactSelectProps } from 'react-select';
+import type { POSITION_ABSOLUTE, POSITION_FIXED } from '../styles';
 export { reactSelectComponents };
 export declare const PLACEMENT_AUTO: 'auto';
 export declare const PLACEMENT_BOTTOM: 'bottom';

package/lib/forms/SelectField.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { SelectProps } from './Select';
 import type { ActionMeta } from 'react-select';
 import type { SelectOption } from '.';

package/lib/forms/ToggleField.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface ToggleFieldProps {
     /** change handler */
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => unknown;

package/lib/forms/__tests__/DeprecatedCheckboxField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/forms/__tests__/DropdownField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/forms/__tests__/InputField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/forms/__tests__/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/forms/__tests__/SelectField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/forms/__tests__/ToggleField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/forms/index.d.ts

@@ -1,7 +1,7 @@
 export * from './DeprecatedCheckboxField';
 export * from './DropdownField';
 export * from './FormGroup';
-export * from './InputField';
+export * from './LegacyInputField';
 export * from './RadioGroup';
 export * from './Select';
 export * from './SelectField';

package/lib/hardware-sim/BaseDeck/BaseDeck.d.ts

@@ -1,15 +1,19 @@
 import * as React from 'react';
 import { Module } from '../Module';
-import { Svg } from '../../primitives';
+import type { Svg } from '../../primitives';
 import type { DeckConfiguration, LabwareDefinition2, LabwareLocation, ModuleLocation, ModuleModel, RobotType } from '@opentrons/shared-data';
-import type { WellFill } from '../Labware';
+import type { WellFill, WellGroup } from '../Labware';
 export interface LabwareOnDeck {
     labwareLocation: LabwareLocation;
     definition: LabwareDefinition2;
     wellFill?: WellFill;
+    missingTips?: WellGroup;
     /** generic prop to render self-positioned children for each labware */
     labwareChildren?: React.ReactNode;
     onLabwareClick?: () => void;
+    highlight?: boolean;
+    highlightShadow?: boolean;
+    stacked?: boolean;
 }
 export interface ModuleOnDeck {
     moduleModel: ModuleModel;
@@ -20,6 +24,9 @@ export interface ModuleOnDeck {
     /** generic prop to render self-positioned children for each module */
     moduleChildren?: React.ReactNode;
     onLabwareClick?: () => void;
+    highlightLabware?: boolean;
+    highlightShadowLabware?: boolean;
+    stacked?: boolean;
 }
 interface BaseDeckProps {
     deckConfig: DeckConfiguration;

package/lib/hardware-sim/BaseDeck/SingleSlotFixture.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CutoutId, DeckDefinition, ModuleType } from '@opentrons/shared-data';
 interface SingleSlotFixtureProps extends React.SVGProps<SVGGElement> {
     cutoutId: CutoutId;

package/lib/hardware-sim/BaseDeck/SlotBase.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
+import type * as React from 'react';
 export declare function SlotBase(props: React.SVGProps<SVGPathElement>): JSX.Element;

package/lib/hardware-sim/BaseDeck/SlotClip.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
+import type * as React from 'react';
 export declare function SlotClip(props: React.SVGProps<SVGPathElement>): JSX.Element;

package/lib/hardware-sim/BaseDeck/StagingAreaFixture.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { DeckDefinition, ModuleType } from '@opentrons/shared-data';
 export type StagingAreaLocation = 'cutoutA3' | 'cutoutB3' | 'cutoutC3' | 'cutoutD3';
 interface StagingAreaFixtureProps extends React.SVGProps<SVGGElement> {

package/lib/hardware-sim/BaseDeck/WasteChuteFixture.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
-import { WASTE_CHUTE_CUTOUT } from '@opentrons/shared-data';
-import type { DeckDefinition, ModuleType } from '@opentrons/shared-data';
+import type * as React from 'react';
+import type { WASTE_CHUTE_CUTOUT, DeckDefinition, ModuleType } from '@opentrons/shared-data';
 interface WasteChuteFixtureProps extends React.SVGProps<SVGGElement> {
     cutoutId: typeof WASTE_CHUTE_CUTOUT;
     deckDefinition: DeckDefinition;

package/lib/hardware-sim/BaseDeck/WasteChuteStagingAreaFixture.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { WASTE_CHUTE_CUTOUT } from '@opentrons/shared-data';
 import type { DeckDefinition, ModuleType } from '@opentrons/shared-data';
 interface WasteChuteStagingAreaFixtureProps extends React.SVGProps<SVGGElement> {

package/lib/hardware-sim/Deck/DeckFromLayers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { RobotType } from '@opentrons/shared-data';
 export interface DeckFromLayersProps {
     robotType: RobotType;

package/lib/hardware-sim/Deck/MoveLabwareOnDeck.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { LoadedModule, LoadedLabware } from '@opentrons/shared-data';
-import type { LabwareDefinition2, LabwareLocation, RobotType, DeckConfiguration } from '@opentrons/shared-data';
+import type { LoadedLabware, LoadedModule, LabwareDefinition2, LabwareLocation, RobotType, DeckConfiguration } from '@opentrons/shared-data';
 import type { StyleProps } from '../../primitives';
 interface MoveLabwareOnDeckProps extends StyleProps {
     robotType: RobotType;

package/lib/hardware-sim/Deck/OT2Layers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function FixedBase(): JSX.Element;
 export declare function FixedTrash(): JSX.Element;
 export declare function DoorStops(): JSX.Element;

package/lib/hardware-sim/Deck/RobotCoordsForeignDiv.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { Box } from '../../primitives';
 export interface RobotCoordsForeignDivProps {
     width?: string | number;

package/lib/hardware-sim/Deck/RobotCoordsForeignObject.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { Flex, ForeignObject } from '../../primitives';
 export interface RobotCoordsForeignObjectProps {
     width: string | number;

package/lib/hardware-sim/Deck/RobotCoordsText.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface RobotCoordsTextProps extends React.ComponentProps<'text'> {
     x: number;
     y: number;

package/lib/hardware-sim/Deck/RobotWorkSpace.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StyleProps } from '../../primitives';
+import type { StyleProps } from '../../primitives';
 import type { DeckDefinition, DeckSlot } from '@opentrons/shared-data';
 export interface RobotWorkSpaceRenderProps {
     deckSlotsById: {

package/lib/hardware-sim/Deck/__mocks__/getDeckDefinitions.d.ts

@@ -1,2 +1 @@
-/// <reference types="jest" />
-export declare const getDeckDefinitions: jest.Mock<{}, []>;
+export declare const getDeckDefinitions: import("@vitest/spy").Mock<[], {}>;

package/lib/hardware-sim/Deck/index.d.ts

@@ -1,6 +1,5 @@
 export * from './DeckFromLayers';
 export * from './FlexTrash';
-export * from './getDeckDefinitions';
 export * from './MoveLabwareOnDeck';
 export * from './RobotCoordsForeignDiv';
 export * from './RobotCoordsForeignObject';

package/lib/hardware-sim/DeckConfigurator/AbsorbanceReaderFixture.d.ts

@@ -0,0 +1,10 @@
+import type { CutoutFixtureId, CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface AbsorbanceReaderFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    cutoutFixtureId: CutoutFixtureId;
+    handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureId) => void;
+    selected?: boolean;
+}
+export declare function AbsorbanceReaderFixture(props: AbsorbanceReaderFixtureProps): JSX.Element;
+export {};

package/lib/hardware-sim/DeckConfigurator/EmptyConfigFixture.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface EmptyConfigFixtureProps {
     deckDefinition: DeckDefinition;

package/lib/hardware-sim/DeckConfigurator/HeaterShakerFixture.d.ts

@@ -0,0 +1,10 @@
+import type { CutoutFixtureId, CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface HeaterShakerFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    cutoutFixtureId: CutoutFixtureId;
+    handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureId) => void;
+    selected?: boolean;
+}
+export declare function HeaterShakerFixture(props: HeaterShakerFixtureProps): JSX.Element;
+export {};

package/lib/hardware-sim/DeckConfigurator/MagneticBlockFixture.d.ts

@@ -0,0 +1,11 @@
+import type { CutoutFixtureId, CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface MagneticBlockFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    cutoutFixtureId: CutoutFixtureId;
+    handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureId) => void;
+    hasStagingArea?: boolean;
+    selected?: boolean;
+}
+export declare function MagneticBlockFixture(props: MagneticBlockFixtureProps): JSX.Element;
+export {};

package/lib/hardware-sim/DeckConfigurator/StagingAreaConfigFixture.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
-import type { CutoutId, DeckDefinition } from '@opentrons/shared-data';
+import type { CutoutFixtureId, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface StagingAreaConfigFixtureProps {
     deckDefinition: DeckDefinition;
     fixtureLocation: CutoutId;
-    handleClickRemove?: (fixtureLocation: CutoutId) => void;
+    cutoutFixtureId: CutoutFixtureId;
+    handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureId) => void;
+    selected?: boolean;
 }
 export declare function StagingAreaConfigFixture(props: StagingAreaConfigFixtureProps): JSX.Element;
 export {};

package/lib/hardware-sim/DeckConfigurator/StaticFixture.d.ts

@@ -0,0 +1,12 @@
+import type { CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface StaticFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    label: string;
+}
+/**
+ * this component allows us to add static labeled fixtures to the center column of a deck
+ * config map
+ */
+export declare function StaticFixture(props: StaticFixtureProps): JSX.Element;
+export {};

package/lib/hardware-sim/DeckConfigurator/TemperatureModuleFixture.d.ts

@@ -0,0 +1,10 @@
+import type { CutoutFixtureId, CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface TemperatureModuleFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    cutoutFixtureId: CutoutFixtureId;
+    handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureId) => void;
+    selected?: boolean;
+}
+export declare function TemperatureModuleFixture(props: TemperatureModuleFixtureProps): JSX.Element;
+export {};

package/lib/hardware-sim/DeckConfigurator/ThermocyclerFixture.d.ts

@@ -0,0 +1,10 @@
+import type { CutoutFixtureId, CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface ThermocyclerFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    cutoutFixtureId: CutoutFixtureId;
+    handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureId) => void;
+    selected?: boolean;
+}
+export declare function ThermocyclerFixture(props: ThermocyclerFixtureProps): JSX.Element;
+export {};

package/lib/hardware-sim/DeckConfigurator/TrashBinConfigFixture.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
-import type { CutoutId, DeckDefinition } from '@opentrons/shared-data';
+import type { CutoutFixtureId, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface TrashBinConfigFixtureProps {
     deckDefinition: DeckDefinition;
     fixtureLocation: CutoutId;
-    handleClickRemove?: (fixtureLocation: CutoutId) => void;
+    cutoutFixtureId: CutoutFixtureId;
+    handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureId) => void;
+    selected?: boolean;
 }
 export declare function TrashBinConfigFixture(props: TrashBinConfigFixtureProps): JSX.Element;
 export {};

package/lib/hardware-sim/DeckConfigurator/WasteChuteConfigFixture.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
-import type { CutoutId, DeckDefinition } from '@opentrons/shared-data';
+import type { CutoutFixtureId, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface WasteChuteConfigFixtureProps {
     deckDefinition: DeckDefinition;
     fixtureLocation: CutoutId;
-    handleClickRemove?: (fixtureLocation: CutoutId) => void;
+    cutoutFixtureId: CutoutFixtureId;
+    handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureId) => void;
     hasStagingAreas?: boolean;
+    selected?: boolean;
 }
 export declare function WasteChuteConfigFixture(props: WasteChuteConfigFixtureProps): JSX.Element;
 export {};