@opentrons/components 0.1.6-alpha.9 → 0.1.7-alpha.1

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

@@ -1,17 +1,26 @@
-import type * as React from 'react';
-import type { WASTE_CHUTE_CUTOUT, DeckDefinition, ModuleType } from '@opentrons/shared-data';
-interface WasteChuteFixtureProps extends React.SVGProps<SVGGElement> {
+import type { SVGProps } from 'react';
+import type { DeckDefinition, ModuleType, WASTE_CHUTE_CUTOUT } from '@opentrons/shared-data';
+import type { DeckLabelProps } from '../../molecules';
+interface WasteChuteFixtureProps extends SVGProps<SVGGElement> {
     cutoutId: typeof WASTE_CHUTE_CUTOUT;
     deckDefinition: DeckDefinition;
     moduleType?: ModuleType;
-    fixtureBaseColor?: React.SVGProps<SVGPathElement>['fill'];
+    fixtureBaseColor?: SVGProps<SVGPathElement>['fill'];
     wasteChuteColor?: string;
     showExtensions?: boolean;
+    /** optional prop to highlight the border of the wasteChute */
+    showHighlight?: boolean;
+    /** optional tag info to display a tag below the waste */
+    tagInfo?: DeckLabelProps[];
 }
 export declare function WasteChuteFixture(props: WasteChuteFixtureProps): JSX.Element | null;
 interface WasteChuteProps {
     wasteIconColor: string;
     backgroundColor: string;
+    showHighlight?: boolean;
+    tagInfo?: DeckLabelProps[];
+    overlay?: JSX.Element;
+    opacity?: string;
 }
 /**
  * a deck map foreign object representing the physical location of the waste chute connected to the deck

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

@@ -1,14 +1,17 @@
-import type * as React from 'react';
 import { WASTE_CHUTE_CUTOUT } from '@opentrons/shared-data';
+import type { SVGProps } from 'react';
 import type { DeckDefinition, ModuleType } from '@opentrons/shared-data';
-interface WasteChuteStagingAreaFixtureProps extends React.SVGProps<SVGGElement> {
+import type { DeckLabelProps } from '../../molecules';
+interface WasteChuteStagingAreaFixtureProps extends SVGProps<SVGGElement> {
     cutoutId: typeof WASTE_CHUTE_CUTOUT;
     deckDefinition: DeckDefinition;
     moduleType?: ModuleType;
-    fixtureBaseColor?: React.SVGProps<SVGPathElement>['fill'];
-    slotClipColor?: React.SVGProps<SVGPathElement>['stroke'];
+    fixtureBaseColor?: SVGProps<SVGPathElement>['fill'];
+    slotClipColor?: SVGProps<SVGPathElement>['stroke'];
     wasteChuteColor?: string;
     showExtensions?: boolean;
+    showHighlight?: boolean;
+    tagInfo?: DeckLabelProps[];
 }
 export declare function WasteChuteStagingAreaFixture(props: WasteChuteStagingAreaFixtureProps): JSX.Element | null;
 export {};

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

@@ -1,4 +1,5 @@
 import type { RobotType } from '@opentrons/shared-data';
+export * from './OT2Layers';
 export interface DeckFromLayersProps {
     robotType: RobotType;
     layerBlocklist: string[];

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

@@ -1,14 +1,19 @@
 import type { RobotType } from '@opentrons/shared-data';
+import type { DeckLabelProps } from '../../molecules';
 export type TrashCutoutId = 'cutoutA1' | 'cutoutB1' | 'cutoutC1' | 'cutoutD1' | 'cutoutA3' | 'cutoutB3' | 'cutoutC3' | 'cutoutD3';
 interface FlexTrashProps {
     robotType: RobotType;
     trashIconColor: string;
     backgroundColor: string;
     trashCutoutId?: TrashCutoutId;
+    /** optional prop to highlight the border of the trashBin */
+    showHighlight?: boolean;
+    /** optional tag info to display a tag below the trash */
+    tagInfo?: DeckLabelProps[];
 }
 /**
  * Component to render Opentrons Flex trash
  * For use as a RobotWorkspace child component
  */
-export declare const FlexTrash: ({ robotType, trashIconColor, backgroundColor, trashCutoutId, }: FlexTrashProps) => JSX.Element | null;
+export declare const FlexTrash: ({ robotType, trashIconColor, backgroundColor, trashCutoutId, showHighlight, tagInfo, }: FlexTrashProps) => JSX.Element | null;
 export {};

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import type { LoadedLabware, LoadedModule, LabwareDefinition2, LabwareLocation, RobotType, DeckConfiguration } from '@opentrons/shared-data';
+import type { ReactNode } from 'react';
+import type { DeckConfiguration, LabwareDefinition2, LabwareLocation, LoadedLabware, LoadedModule, RobotType } from '@opentrons/shared-data';
 import type { StyleProps } from '../../primitives';
 interface MoveLabwareOnDeckProps extends StyleProps {
     robotType: RobotType;
@@ -9,7 +9,7 @@ interface MoveLabwareOnDeckProps extends StyleProps {
     loadedModules: LoadedModule[];
     loadedLabware: LoadedLabware[];
     deckConfig: DeckConfiguration;
-    backgroundItems?: React.ReactNode;
+    backgroundItems?: ReactNode;
     deckFill?: string;
 }
 export declare function MoveLabwareOnDeck(props: MoveLabwareOnDeckProps): JSX.Element | null;

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

@@ -1,5 +1,8 @@
 export declare function FixedBase(): JSX.Element;
-export declare function FixedTrash(): JSX.Element;
+interface FixedTrashProps {
+    highlight?: boolean;
+}
+export declare function FixedTrash(props: FixedTrashProps): JSX.Element;
 export declare function DoorStops(): JSX.Element;
 export declare function MetalFrame(): JSX.Element;
 export declare function RemovableDeckOutline(): JSX.Element;
@@ -8,3 +11,4 @@ export declare function SlotNumbers(): JSX.Element;
 export declare function CalibrationMarkings(): JSX.Element;
 export declare function RemovalHandle(): JSX.Element;
 export declare function ScrewHoles(): JSX.Element;
+export {};

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

@@ -1,14 +1,16 @@
-import type * as React from 'react';
 import { Box } from '../../primitives';
+import type { ComponentProps, ReactNode } from 'react';
 export interface RobotCoordsForeignDivProps {
     width?: string | number;
     height?: string | number;
     x?: string | number;
     y?: string | number;
-    children?: React.ReactNode;
+    children?: ReactNode;
     outerProps?: any;
-    innerDivProps?: React.ComponentProps<typeof Box>;
+    innerDivProps?: ComponentProps<typeof Box>;
     transformWithSVG?: boolean;
     extraTransform?: string;
+    /** optional data-testid to test foreignObjects in cypress */
+    dataTestId?: string;
 }
 export declare const RobotCoordsForeignDiv: (props: RobotCoordsForeignDivProps) => JSX.Element;

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

@@ -1,12 +1,12 @@
-import type * as React from 'react';
 import { Flex, ForeignObject } from '../../primitives';
+import type { ComponentProps, ReactNode } from 'react';
 export interface RobotCoordsForeignObjectProps {
     width: string | number;
     height: string | number;
     x: string | number;
     y: string | number;
-    children?: React.ReactNode;
-    foreignObjectProps?: React.ComponentProps<typeof ForeignObject>;
-    flexProps?: React.ComponentProps<typeof Flex>;
+    children?: ReactNode;
+    foreignObjectProps?: ComponentProps<typeof ForeignObject>;
+    flexProps?: ComponentProps<typeof Flex>;
 }
 export declare const RobotCoordsForeignObject: (props: RobotCoordsForeignObjectProps) => JSX.Element;

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

@@ -1,8 +1,9 @@
-import type * as React from 'react';
-export interface RobotCoordsTextProps extends React.ComponentProps<'text'> {
+import type { ComponentProps, ReactNode } from 'react';
+export interface RobotCoordsTextProps extends ComponentProps<'text'> {
     x: number;
     y: number;
-    children?: React.ReactNode;
+    children?: ReactNode;
+    canHighlight?: boolean;
 }
 /** SVG text reflected to use take robot coordinates as props */
 export declare function RobotCoordsText(props: RobotCoordsTextProps): JSX.Element;

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import type { StyleProps } from '../../primitives';
+import type { ReactNode } from 'react';
 import type { DeckDefinition, DeckSlot } from '@opentrons/shared-data';
+import type { StyleProps } from '../../primitives';
 export interface RobotWorkSpaceRenderProps {
     deckSlotsById: {
         [slotId: string]: DeckSlot;
@@ -13,7 +13,7 @@ export interface RobotWorkSpaceRenderProps {
 export interface RobotWorkSpaceProps extends StyleProps {
     deckDef?: DeckDefinition;
     viewBox?: string | null;
-    children?: (props: RobotWorkSpaceRenderProps) => React.ReactNode;
+    children?: (props: RobotWorkSpaceRenderProps) => ReactNode;
     deckLayerBlocklist?: string[];
     showDeckLayers?: boolean;
     id?: string;

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

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

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

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

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

@@ -1,5 +1,6 @@
-import type * as React from 'react';
+import type { ReactNode } from 'react';
 import type { CutoutFixtureId, CutoutId, DeckConfiguration } from '@opentrons/shared-data';
+export * from './constants';
 interface DeckConfiguratorProps {
     deckConfig: DeckConfiguration;
     handleClickAdd: (cutoutId: CutoutId) => void;
@@ -8,7 +9,7 @@ interface DeckConfiguratorProps {
     darkFill?: string;
     editableCutoutIds?: CutoutId[];
     showExpansion?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
     additionalStaticFixtures?: Array<{
         location: CutoutId;
         label: string;
@@ -17,4 +18,3 @@ interface DeckConfiguratorProps {
     selectedCutoutId?: CutoutId;
 }
 export declare function DeckConfigurator(props: DeckConfiguratorProps): JSX.Element;
-export {};

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

@@ -1,10 +1,10 @@
-import type * as React from 'react';
+import type { SVGProps } from 'react';
 import type { DeckSlot, RobotType } from '@opentrons/shared-data';
-interface LegacyDeckSlotLocationProps extends React.SVGProps<SVGGElement> {
+interface LegacyDeckSlotLocationProps extends SVGProps<SVGGElement> {
     robotType: RobotType;
     slotName: DeckSlot['id'];
-    slotBaseColor?: React.SVGProps<SVGPathElement>['fill'];
-    slotClipColor?: React.SVGProps<SVGPathElement>['stroke'];
+    slotBaseColor?: SVGProps<SVGPathElement>['fill'];
+    slotClipColor?: SVGProps<SVGPathElement>['stroke'];
 }
 export declare const OT2_FIXED_TRASH_X_DIMENSION = 172.86;
 export declare const OT2_FIXED_TRASH_Y_DIMENSION = 165.86;

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type { RefObject } from 'react';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
-import type { HighlightedWellLabels, WellMouseEvent, WellFill, WellStroke } from './labwareInternals/types';
+import type { HighlightedWellLabels, WellFill, WellMouseEvent, WellStroke } from './labwareInternals/types';
 export interface LabwareProps {
     /** Labware definition to render */
     definition: LabwareDefinition2;
@@ -22,7 +22,7 @@ export interface LabwareProps {
     onMouseEnterWell?: (e: WellMouseEvent) => unknown;
     /** Optional callback, called with WellMouseEvent args onMouseLeave */
     onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
-    gRef?: React.RefObject<SVGGElement>;
+    gRef?: RefObject<SVGGElement>;
     onLabwareClick?: () => void;
     /** Hide labware outline */
     hideOutline?: boolean;

package/lib/hardware-sim/Labware/LabwareAdapter/index.d.ts

@@ -1,10 +1,10 @@
 import { Opentrons96DeepWellAdapter } from './Opentrons96DeepWellAdapter';
 import { Opentrons96FlatBottomAdapter } from './Opentrons96FlatBottomAdapter';
-import { OpentronsUniversalFlatAdapter } from './OpentronsUniversalFlatAdapter';
 import { OpentronsAluminumFlatBottomPlate } from './OpentronsAluminumFlatBottomPlate';
+import { OpentronsAutoclavableDeckRiser } from './OpentronsAutoclavableDeckRiser';
 import { OpentronsFlex96TiprackAdapter } from './OpentronsFlex96TiprackAdapter';
 import { OpentronsToughPCRAutoSealingLid } from './OpentronsToughPCRAutoSealingLid';
-import { OpentronsAutoclavableDeckRiser } from './OpentronsAutoclavableDeckRiser';
+import { OpentronsUniversalFlatAdapter } from './OpentronsUniversalFlatAdapter';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
 declare const LABWARE_ADAPTER_LOADNAME_PATHS: {
     opentrons_96_deep_well_adapter: typeof Opentrons96DeepWellAdapter;

package/lib/hardware-sim/Labware/LabwareRender.d.ts

@@ -1,7 +1,7 @@
-import type * as React from 'react';
 import type { CSSProperties } from 'styled-components';
+import type { RefObject } from 'react';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
-import type { HighlightedWellLabels, WellMouseEvent, WellFill, WellStroke, WellGroup } from './labwareInternals/types';
+import type { HighlightedWellLabels, WellFill, WellGroup, WellMouseEvent, WellStroke } from './labwareInternals/types';
 export declare const WELL_LABEL_OPTIONS: {
     readonly SHOW_LABEL_INSIDE: "SHOW_LABEL_INSIDE";
     readonly SHOW_LABEL_OUTSIDE: "SHOW_LABEL_OUTSIDE";
@@ -38,7 +38,7 @@ export interface LabwareRenderProps {
     onMouseEnterWell?: (e: WellMouseEvent) => unknown;
     /** Optional callback, called with WellMouseEvent args onMouseLeave */
     onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
-    gRef?: React.RefObject<SVGGElement>;
+    gRef?: RefObject<SVGGElement>;
     onLabwareClick?: () => void;
     showBorder?: boolean;
     strokeColor?: string;

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

@@ -1,5 +1,4 @@
 export * from './labwareInternals/index';
 export * from './LabwareRender';
-export * from './LabwareStackRender';
 export * from './Labware';
 export * from './labwareInternals/types';

package/lib/hardware-sim/Labware/labwareInternals/FilledWells.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
 import type { CSSProperties } from 'styled-components';
+import type { MemoExoticComponent } from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
 export interface FilledWellsProps {
     definition: LabwareDefinition2;
     fillByWell: Record<string, CSSProperties['fill']>;
     strokeColor?: string;
 }
 declare function FilledWellsComponent(props: FilledWellsProps): JSX.Element;
-export declare const FilledWells: React.MemoExoticComponent<typeof FilledWellsComponent>;
+export declare const FilledWells: MemoExoticComponent<typeof FilledWellsComponent>;
 export {};

package/lib/hardware-sim/Labware/labwareInternals/LabwareWellLabels.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type { MemoExoticComponent } from 'react';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
 import type { HighlightedWellLabels } from './types';
 interface LabwareWellLabelsProps {
@@ -11,5 +11,5 @@ export declare function LabwareWellLabelsComponent(props: LabwareWellLabelsProps
  * for use in Labware.tsx component
  * has ODD-specific styling
  */
-export declare const LabwareWellLabels: React.MemoExoticComponent<typeof LabwareWellLabelsComponent>;
+export declare const LabwareWellLabels: MemoExoticComponent<typeof LabwareWellLabelsComponent>;
 export {};

package/lib/hardware-sim/Labware/labwareInternals/StaticLabware.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type { CSSProperties } from 'styled-components';
+import type { MemoExoticComponent } from 'react';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
 import type { WellMouseEvent, WellStroke } from './types';
-import type { CSSProperties } from 'styled-components';
 export interface StaticLabwareProps {
     /** Labware definition to render */
     definition: LabwareDefinition2;
@@ -22,4 +22,4 @@ export interface StaticLabwareProps {
     showBorder?: boolean;
 }
 export declare function StaticLabwareComponent(props: StaticLabwareProps): JSX.Element;
-export declare const StaticLabware: React.MemoExoticComponent<typeof StaticLabwareComponent>;
+export declare const StaticLabware: MemoExoticComponent<typeof StaticLabwareComponent>;

package/lib/hardware-sim/Labware/labwareInternals/StrokedWells.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
 import type { CSSProperties } from 'styled-components';
+import type { MemoExoticComponent } from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
 export interface StrokedWellProps {
     definition: LabwareDefinition2;
     strokeByWell: Record<string, CSSProperties['stroke']>;
 }
 export declare function StrokedWellsComponent(props: StrokedWellProps): JSX.Element;
-export declare const StrokedWells: React.MemoExoticComponent<typeof StrokedWellsComponent>;
+export declare const StrokedWells: MemoExoticComponent<typeof StrokedWellsComponent>;

package/lib/hardware-sim/Labware/labwareInternals/StyledWells.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type { CSSProperties, MemoExoticComponent } from 'react';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
 import type { WellGroup } from './types';
 type WellContents = 'tipPresent' | 'tipMissing' | 'defaultWell' | 'disabledWell' | 'highlightedWell' | 'selectedWell';
@@ -9,11 +9,11 @@ export interface StyledWellProps {
 }
 export declare const STYLE_BY_WELL_CONTENTS: {
     [wellContents in WellContents]: {
-        stroke: React.CSSProperties['stroke'];
-        fill: React.CSSProperties['fill'];
-        strokeWidth: React.CSSProperties['strokeWidth'];
+        stroke: CSSProperties['stroke'];
+        fill: CSSProperties['fill'];
+        strokeWidth: CSSProperties['strokeWidth'];
     };
 };
 declare function StyledWellsComponent(props: StyledWellProps): JSX.Element;
-export declare const StyledWells: React.MemoExoticComponent<typeof StyledWellsComponent>;
+export declare const StyledWells: MemoExoticComponent<typeof StyledWellsComponent>;
 export {};

package/lib/hardware-sim/Labware/labwareInternals/Well.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
+import type { CSSProperties, MemoExoticComponent } from 'react';
 import type { LabwareWell } from '@opentrons/shared-data';
-import type { WellMouseEvent } from './types';
 import type { StyleProps } from '../../../primitives';
+import type { WellMouseEvent } from './types';
 export interface WellProps extends StyleProps {
     /** Well Name (eg 'A1') */
     wellName: string;
     /** well object from labware definition */
     well: LabwareWell;
-    stroke: React.CSSProperties['stroke'];
-    strokeWidth: React.CSSProperties['strokeWidth'];
-    fill: React.CSSProperties['fill'];
+    stroke: CSSProperties['stroke'];
+    strokeWidth: CSSProperties['strokeWidth'];
+    fill: CSSProperties['fill'];
     /** Optional callback, called with WellMouseEvent args onMouseOver */
     onMouseEnterWell?: (e: WellMouseEvent) => unknown;
     onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
@@ -17,4 +17,4 @@ export interface WellProps extends StyleProps {
     isInteractive?: boolean;
 }
 export declare function WellComponent(props: WellProps): JSX.Element;
-export declare const Well: React.MemoExoticComponent<typeof WellComponent>;
+export declare const Well: MemoExoticComponent<typeof WellComponent>;

package/lib/hardware-sim/Labware/labwareInternals/WellLabels.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type { MemoExoticComponent } from 'react';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
 import type { WellLabelOption } from '../LabwareRender';
 import type { HighlightedWellLabels } from './types';
@@ -9,4 +9,4 @@ export interface WellLabelsProps {
     wellLabelColor?: string;
 }
 export declare function WellLabelsComponent(props: WellLabelsProps): JSX.Element;
-export declare const WellLabels: React.MemoExoticComponent<typeof WellLabelsComponent>;
+export declare const WellLabels: MemoExoticComponent<typeof WellLabelsComponent>;

package/lib/hardware-sim/Labware/labwareInternals/getTiprackBackgroundColor.d.ts

@@ -0,0 +1 @@
+export declare const getTiprackBackgroundColor: (loadName: string) => string;

package/lib/hardware-sim/Labware/labwareInternals/types.d.ts

@@ -1,7 +1,7 @@
-import type * as React from 'react';
+import type { MouseEvent } from 'react';
 export interface WellMouseEvent {
     wellName: string;
-    event: React.MouseEvent;
+    event: MouseEvent;
 }
 export type WellFill = Record<string, string>;
 export type WellStroke = WellFill;

package/lib/hardware-sim/Module/FlexStacker.d.ts

@@ -0,0 +1 @@
+export declare function FlexStacker(): JSX.Element;

package/lib/hardware-sim/Module/ModuleTag.d.ts

@@ -1,9 +1,9 @@
-import type * as React from 'react';
+import type { ReactNode } from 'react';
 export interface ModuleTagProps {
     x: number;
     y: number;
     height: number;
     width: number;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 export declare const ModuleTag: (props: ModuleTagProps) => JSX.Element;

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

@@ -1,7 +1,7 @@
-import type * as React from 'react';
-import { Thermocycler } from './Thermocycler';
 import { HeaterShaker } from './HeaterShaker';
 import { Temperature } from './Temperature';
+import { Thermocycler } from './Thermocycler';
+import type { ComponentProps, ReactNode } from 'react';
 import type { ModuleDefinition } from '@opentrons/shared-data';
 export * from './Thermocycler';
 interface Props {
@@ -9,9 +9,9 @@ interface Props {
     y: number;
     def: ModuleDefinition;
     orientation?: 'left' | 'right';
-    innerProps?: React.ComponentProps<typeof Thermocycler> | React.ComponentProps<typeof HeaterShaker> | React.ComponentProps<typeof Temperature> | {};
-    statusInfo?: React.ReactNode;
-    children?: React.ReactNode;
+    innerProps?: ComponentProps<typeof Thermocycler> | ComponentProps<typeof HeaterShaker> | ComponentProps<typeof Temperature> | {};
+    statusInfo?: ReactNode;
+    children?: ReactNode;
     targetSlotId?: string;
     targetDeckId?: string;
 }

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

@@ -1,6 +1,6 @@
-import type * as React from 'react';
 import { Svg } from '../../primitives';
-interface RobotCoordinateSpaceProps extends React.ComponentProps<typeof Svg> {
+import type { ComponentProps } from 'react';
+interface RobotCoordinateSpaceProps extends ComponentProps<typeof Svg> {
     animated?: boolean;
 }
 export declare function RobotCoordinateSpace(props: RobotCoordinateSpaceProps): JSX.Element;

package/lib/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpaceWithRef.d.ts

@@ -1,12 +1,12 @@
 import { Svg } from '../../primitives';
-import type { ReactNode } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
 import type { DeckDefinition, DeckSlot } from '@opentrons/shared-data';
 export interface RobotCoordinateSpaceWithRefRenderProps {
     deckSlotsById: {
         [slotId: string]: DeckSlot;
     };
 }
-interface RobotCoordinateSpaceWithRefProps extends React.ComponentProps<typeof Svg> {
+interface RobotCoordinateSpaceWithRefProps extends ComponentProps<typeof Svg> {
     viewBox?: string | null;
     deckDef?: DeckDefinition;
     zoomed?: boolean;

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

@@ -1,7 +1,5 @@
 export * from './BaseDeck';
 export * from './BaseDeck/__fixtures__';
-export * from './ProtocolDeck';
-export * from './ProtocolDeck/utils';
 export * from './Deck';
 export * from './DeckConfigurator';
 export * from './DeckSlotLocation';

package/lib/helix-design-system/colors.d.ts

@@ -74,12 +74,13 @@ export declare const transparentBlack80 = "#16212D80";
 /**
  * flex
  */
+export declare const flex40 = "#aae3fc";
 export declare const flex55 = "#0297CC";
 export declare const flex50 = "#00BDFF";
 /**
  * extras
  */
-export declare const transparent = "transparent";
+export declare const transparent = "#00000000";
 export declare const opacity20HexCode = "33";
 export declare const opacity40HexCode = "66";
 export declare const opacity60HexCode = "99";

package/lib/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export * from './useConditionalConfirm';
 export * from './useDrag';
-export * from './useIdle';
 export * from './useInterval';
 export * from './useLongPress';
 export * from './useMountEffect';

package/lib/hooks/useMenuHandleClickOutside.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import type { Dispatch, MouseEventHandler, SetStateAction } from 'react';
 interface MenuHandleClickOutside {
     menuOverlay: JSX.Element;
-    handleOverflowClick: React.MouseEventHandler<HTMLButtonElement>;
+    handleOverflowClick: MouseEventHandler<HTMLButtonElement>;
     showOverflowMenu: boolean;
-    setShowOverflowMenu: React.Dispatch<React.SetStateAction<boolean>>;
+    setShowOverflowMenu: Dispatch<SetStateAction<boolean>>;
 }
 export declare function useMenuHandleClickOutside(): MenuHandleClickOutside;
 export {};

package/lib/hooks/useSwipe.d.ts

@@ -1,4 +1,4 @@
-import type { MutableRefObject, CSSProperties } from 'react';
+import type { CSSProperties, MutableRefObject } from 'react';
 interface UseSwipeResult {
     ref: MutableRefObject<null>;
     style: CSSProperties;

package/lib/i18n.d.ts

@@ -0,0 +1,14 @@
+import i18n from 'i18next';
+import type { InitOptions } from 'i18next';
+export declare const US_ENGLISH = "en-US";
+export declare const SIMPLIFIED_CHINESE = "zh-CN";
+export declare const US_ENGLISH_DISPLAY_NAME = "English (US)";
+export declare const SIMPLIFIED_CHINESE_DISPLAY_NAME = "\u4E2D\u6587";
+export type Language = typeof US_ENGLISH | typeof SIMPLIFIED_CHINESE;
+export declare const LANGUAGES: Array<{
+    name: string;
+    value: Language;
+}>;
+declare const i18nConfig: InitOptions;
+declare const i18nCb: (err?: Error) => void;
+export { i18n, i18nCb, i18nConfig };

package/lib/icons/Icon.d.ts

@@ -1,5 +1,5 @@
-import type * as React from 'react';
 import { ICON_DATA_BY_NAME } from './icon-data';
+import type { ReactNode } from 'react';
 import type { SvgProps } from '../primitives';
 export type IconName = keyof typeof ICON_DATA_BY_NAME;
 export interface IconProps extends SvgProps {
@@ -20,7 +20,7 @@ export interface IconProps extends SvgProps {
     /** inline style passed into the icon svg */
     style?: Record<string, string | number>;
     /** optional children */
-    children?: React.ReactNode;
+    children?: ReactNode;
     id?: string;
 }
 /**

package/lib/icons/ModuleIcon.d.ts

@@ -1,6 +1,6 @@
 import type { ModuleType } from '@opentrons/shared-data';
 import type { StyleProps } from '../primitives/types';
-export type ModuleIconName = 'ot-magnet-v2' | 'ot-heater-shaker' | 'ot-temperature-v2' | 'ot-magnet-v2' | 'ot-thermocycler' | 'ot-absorbance';
+export type ModuleIconName = 'ot-magnet-v2' | 'ot-heater-shaker' | 'ot-temperature-v2' | 'ot-magnet-v2' | 'ot-thermocycler' | 'ot-absorbance' | 'ot-flex-stacker';
 export declare const MODULE_ICON_NAME_BY_TYPE: {
     [type in ModuleType]: ModuleIconName;
 };

package/lib/icons/NotificationIcon.d.ts

@@ -1,4 +1,4 @@
-import type { IconProps, IconName } from './Icon';
+import type { IconName, IconProps } from './Icon';
 export interface NotificationIconProps extends IconProps {
     /** name constant of the optional notifcation icon to display */
     childName: IconName | null;

package/lib/instrument/InstrumentDiagram.d.ts

@@ -1,7 +1,7 @@
 import type { FlattenSimpleInterpolation } from 'styled-components';
 import type { PipetteV2Specs } from '@opentrons/shared-data';
-import type { Mount } from '../robot-types';
 import type { StyleProps } from '..';
+import type { Mount } from '../robot-types';
 export interface InstrumentDiagramProps extends StyleProps {
     mount: Mount;
     pipetteSpecs?: Pick<PipetteV2Specs, 'displayCategory' | 'channels'> | null;