@opentrons/components 0.1.7-alpha.1 → 0.2.0-alpha.0

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

@@ -1,6 +1,5 @@
-import type { CSSProperties } from 'styled-components';
-import type { RefObject } from 'react';
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { CSSProperties, RefObject } from 'react';
+import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { HighlightedWellLabels, WellFill, WellGroup, WellMouseEvent, WellStroke } from './labwareInternals/types';
 export declare const WELL_LABEL_OPTIONS: {
     readonly SHOW_LABEL_INSIDE: "SHOW_LABEL_INSIDE";
@@ -9,8 +8,50 @@ export declare const WELL_LABEL_OPTIONS: {
 export type WellLabelOption = keyof typeof WELL_LABEL_OPTIONS;
 export interface LabwareRenderProps {
     /** Labware definition to render */
-    definition: LabwareDefinition2;
-    /** Opional Prop for labware on heater shakers sitting on right side of the deck */
+    definition: LabwareDefinition;
+    /**
+     * How the rendered labware should be positioned. Use `passThrough` for new code.
+     *
+     * `passThrough` -
+     *   The origin of the labware will be at the SVG origin. Beware that what
+     *   "the origin of the labware" corresponds to, physically, is not consistent across
+     *   labware. e.g. do not assume that it's always the labware's front-left corner.
+     *
+     *   To render a labware on its own, use the `getLabwareViewBox()` util from
+     *   shared-data to compute the SVG's viewBox around that origin.
+     *
+     *   To render a labware aligned to something like a deck slot or module, wrap this
+     *   component in an SVG transform. Use a util like shared-data's
+     *   `getDeckSlotOriginToLabwareOrigin()` to compute it.
+     *
+     * `offsetInSlot` -
+     *   The SVG origin will be treated as the origin of the slot enclosing the labware.
+     *   The labware will be offset from that origin according to the labware def's
+     *   cornerOffsetFromSlot.
+     *
+     *   To render a labware on its own, set the SVG viewBox's origin to
+     *   definition.cornerOffsetFromSlot.
+     *
+     *   To render a labware aligned to something like a deck slot or module, wrap this
+     *   component in an SVG transform that places the origin of this component at the
+     *   origin of the slot.
+     *
+     *   This is deprecated because it relies on labware schema 2's slot-centric ideas of
+     *   how labware are positioned. It's also clunky when rendering a labware on its
+     *   own.
+     */
+    positioningMode: 'passThrough' | 'offsetInSlot';
+    /**
+     * Special handling for opentrons_universal_flat_adapter. Unlike other labware,
+     * it rotates to match the underlying module, and that rotation actually matters
+     * because it's asymmetrical.
+     *
+     * This should be true if this is that adapter and we're on the left side of the deck,
+     * and false otherwise.
+     *
+     * Ignored if positioningMode is passThrough, in which case it's the caller's
+     * responsibility to do this rotation.
+     */
     shouldRotateAdapterOrientation?: boolean;
     /** option to show well labels inside or outside of labware outline */
     wellLabelOption?: WellLabelOption;

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

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

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

@@ -1,8 +1,7 @@
-import type { CSSProperties } from 'styled-components';
-import type { MemoExoticComponent } from 'react';
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { CSSProperties, MemoExoticComponent } from 'react';
+import type { LabwareDefinition } from '@opentrons/shared-data';
 export interface FilledWellsProps {
-    definition: LabwareDefinition2;
+    definition: LabwareDefinition;
     fillByWell: Record<string, CSSProperties['fill']>;
     strokeColor?: string;
 }

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

@@ -1,12 +1,6 @@
-import type { CSSProperties } from 'styled-components';
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
-export interface LabwareOutlineProps {
-    /** Labware definition to outline */
-    definition?: LabwareDefinition2;
-    /** x dimension in mm of this labware, used if definition doesn't supply dimensions, defaults to 127.76 */
-    width?: number;
-    /** y dimension in mm of this labware, used if definition doesn't supply dimensions, defaults to 85.48 */
-    height?: number;
+import type { CSSProperties } from 'react';
+import type { LabwareDefinition } from '@opentrons/shared-data';
+export type LabwareOutlineProps = {
     /** if this labware is a tip rack, darken background and lighten borderx dimension in mm of this labware, used if definition doesn't supply dimensions, defaults to false */
     isTiprack?: boolean;
     /** adds thicker blue border with blur to labware, defaults to false */
@@ -17,5 +11,22 @@ export interface LabwareOutlineProps {
     stroke?: CSSProperties['stroke'];
     fill?: CSSProperties['fill'];
     showRadius?: boolean;
+} & (DefinitionProps | DefinitionReplacementProps);
+interface DefinitionProps {
+    /** Labware definition to outline */
+    definition: LabwareDefinition;
+}
+/** Used for rendering an outline without needing a full labware definition. */
+interface DefinitionReplacementProps {
+    definition?: undefined;
+    /** x dimension in mm of the outline. */
+    width: number;
+    /** y dimension in mm of the outline. */
+    height: number;
+    /** minimum x-coordinate (i.e. the left side) of the outline. */
+    minX: number;
+    /** minimum y-coordinate (i.e. the bottom) of the outline. */
+    minY: number;
 }
 export declare function LabwareOutline(props: LabwareOutlineProps): JSX.Element;
+export {};

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

@@ -1,8 +1,8 @@
 import type { MemoExoticComponent } from 'react';
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { HighlightedWellLabels } from './types';
 interface LabwareWellLabelsProps {
-    definition: LabwareDefinition2;
+    definition: LabwareDefinition;
     highlightedWellLabels?: HighlightedWellLabels;
     wellLabelColor?: string;
 }

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

@@ -1,10 +1,10 @@
 import type { CSSProperties } from 'styled-components';
 import type { MemoExoticComponent } from 'react';
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { WellMouseEvent, WellStroke } from './types';
 export interface StaticLabwareProps {
     /** Labware definition to render */
-    definition: LabwareDefinition2;
+    definition: LabwareDefinition;
     /** Add thicker blurred blue border to labware, defaults to false */
     highlight?: boolean;
     /** adds a drop shadow to the highlight border */

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

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

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

@@ -1,10 +1,10 @@
 import type { CSSProperties, MemoExoticComponent } from 'react';
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { WellGroup } from './types';
 type WellContents = 'tipPresent' | 'tipMissing' | 'defaultWell' | 'disabledWell' | 'highlightedWell' | 'selectedWell';
 export interface StyledWellProps {
     wellContents: WellContents;
-    definition: LabwareDefinition2;
+    definition: LabwareDefinition;
     wells: WellGroup;
 }
 export declare const STYLE_BY_WELL_CONTENTS: {

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

@@ -1,8 +1,7 @@
 import type { CSSProperties, MemoExoticComponent } from 'react';
 import type { LabwareWell } from '@opentrons/shared-data';
-import type { StyleProps } from '../../../primitives';
 import type { WellMouseEvent } from './types';
-export interface WellProps extends StyleProps {
+export interface WellProps extends CSSProperties {
     /** Well Name (eg 'A1') */
     wellName: string;
     /** well object from labware definition */

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

@@ -1,9 +1,9 @@
 import type { MemoExoticComponent } from 'react';
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { WellLabelOption } from '../LabwareRender';
 import type { HighlightedWellLabels } from './types';
 export interface WellLabelsProps {
-    definition: LabwareDefinition2;
+    definition: LabwareDefinition;
     wellLabelOption: WellLabelOption;
     highlightedWellLabels?: HighlightedWellLabels;
     wellLabelColor?: string;

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

@@ -12,7 +12,29 @@ interface Props {
     innerProps?: ComponentProps<typeof Thermocycler> | ComponentProps<typeof HeaterShaker> | ComponentProps<typeof Temperature> | {};
     statusInfo?: ReactNode;
     children?: ReactNode;
-    targetSlotId?: string;
-    targetDeckId?: string;
+    /**
+     * How child components should be positioned.
+     *
+     * "offsetToSlot" - The SVG origin of a child will be at the labware mating interface of the
+     *   module, which is the front-left (-x, -y) corner of the slot on top of the module.
+     *
+     * todo(mm, 2025-07-21):
+     * 1. Add a "passThrough" mode that disables the "offsetToSlot" behavior,
+     *    to allow child components to replace it with their own SVG transform,
+     *    to support labware schema 3.
+     * 2. Migrate all existing call sites to use "passThrough".
+     * 3. Remove "offsetToSlot".
+     */
+    childrenPositioningMode: 'offsetToSlot';
+    /**
+     * Used for applying slot-specific positioning adjustments.
+     * If you're rendering the module on a deck, supply this for correct positioning.
+     */
+    targetSlotId: string | null;
+    /**
+     * Used for applying slot-specific positioning adjustments.
+     * If you're rendering the module on a deck, supply this for correct positioning.
+     */
+    targetDeckId: string | null;
 }
 export declare const Module: (props: Props) => JSX.Element;

package/lib/hardware-sim/Pipette/PipetteRender.d.ts

@@ -1,6 +1,6 @@
-import type { LabwareDefinition2, PipetteName } from '@opentrons/shared-data';
+import type { LabwareDefinition, PipetteName } from '@opentrons/shared-data';
 interface PipetteRenderProps {
-    labwareDef: LabwareDefinition2;
+    labwareDef: LabwareDefinition;
     pipetteName: PipetteName;
     usingMetalProbe?: boolean;
 }

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

@@ -1,7 +1,9 @@
-import { Svg } from '../../primitives';
-import type { ComponentProps } from 'react';
-interface RobotCoordinateSpaceProps extends ComponentProps<typeof Svg> {
+import type { ReactNode } from 'react';
+interface RobotCoordinateSpaceProps {
     animated?: boolean;
+    children?: ReactNode;
+    height?: string;
+    viewBox?: string;
 }
 export declare function RobotCoordinateSpace(props: RobotCoordinateSpaceProps): JSX.Element;
 export {};

package/lib/hocs/withStyleProps.d.ts

@@ -0,0 +1,26 @@
+import type { ComponentProps, ComponentType } from 'react';
+import type { StyleProps } from '../primitives';
+/**
+ * A Higher-Order Component (HOC) that enhances a component by enabling it to
+ * accept `StyleProps`.
+ *
+ * This function wraps a component, processes any provided `StyleProps` into a
+ * React style object, and merges it with the component's existing `style` prop.
+ * Styles from the passed `style` prop will override any generated styles from `StyleProps`
+ * in case of conflict.
+ *
+ * @template T - The type of the React component being wrapped.
+ * @param Component The React component to enhance with `StyleProps`.
+ * @returns A new component that accepts the original component's props plus `StyleProps`.
+ *
+ * @example
+ * ```tsx
+ * <Icon
+ *  name="wifi"
+ *  size="1.25rem"
+ *  color={COLORS.green50}
+ *  style={{ marginLeft: SPACING.spacing8 }}
+ *  />
+ * ```
+ */
+export declare function withStyleProps<T extends ComponentType<any>>(Component: T): T & ComponentType<ComponentProps<T> & StyleProps>;

package/lib/hooks/useConditionalConfirm.d.ts

@@ -38,4 +38,8 @@ export interface UseConditionalConfirmResult<T extends any[]> {
     showConfirmation: boolean;
     cancel: () => unknown;
 }
+/**
+ * Provides conditional confirmation logic, allowing certain actions to be blocked
+ * until explicitly confirmed.
+ */
 export declare const useConditionalConfirm: <T extends any[]>(handleContinue: (...args: T) => any, shouldBlock: boolean) => UseConditionalConfirmResult<T>;

package/lib/icons/Icon.d.ts

@@ -1,14 +1,13 @@
 import { ICON_DATA_BY_NAME } from './icon-data';
-import type { ReactNode } from 'react';
-import type { SvgProps } from '../primitives';
+import type { ReactNode, SVGProps } from 'react';
 export type IconName = keyof typeof ICON_DATA_BY_NAME;
-export interface IconProps extends SvgProps {
+export interface IconProps extends SVGProps<SVGSVGElement> {
     /** name constant of the icon to display */
     name: IconName;
-    /** classes to apply */
-    className?: string;
     /** spin the icon with a CSS animation */
     spin?: boolean;
+    /** override default size */
+    size?: string | number;
     /** x attribute as a number or string (for nesting inside another SVG) */
     x?: number | string;
     /** y attribute as a number or string (for nesting inside another SVG) */
@@ -21,7 +20,6 @@ export interface IconProps extends SvgProps {
     style?: Record<string, string | number>;
     /** optional children */
     children?: ReactNode;
-    id?: string;
 }
 /**
  * Inline SVG icon component
@@ -31,4 +29,6 @@ export interface IconProps extends SvgProps {
  * import type { IconName } from '@opentrons/components'
  * ```
  */
-export declare function Icon(props: IconProps): JSX.Element | null;
+declare function IconComponent(props: IconProps): JSX.Element | null;
+export declare const Icon: typeof IconComponent & import("react").ComponentType<IconProps & import("..").StyleProps>;
+export {};

package/lib/icons/ModuleIcon.d.ts

@@ -1,11 +1,12 @@
+/// <reference types="react" />
 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' | 'ot-flex-stacker';
 export declare const MODULE_ICON_NAME_BY_TYPE: {
     [type in ModuleType]: ModuleIconName;
 };
-interface ModuleIconProps extends StyleProps {
+interface ModuleIconProps {
     moduleType: ModuleType;
 }
-export declare function ModuleIcon(props: ModuleIconProps): JSX.Element;
+declare function ModuleIconComponent(props: ModuleIconProps): JSX.Element;
+export declare const ModuleIcon: typeof ModuleIconComponent & import("react").ComponentType<ModuleIconProps & import("..").StyleProps>;
 export {};

package/lib/instrument/index.d.ts

@@ -1,3 +1 @@
 export * from './InstrumentDiagram';
-export * from './InstrumentGroup';
-export * from './InstrumentInfo';

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

@@ -1,2 +1 @@
 export * from './LabwareNameOverlay';
-export * from './ModuleItem';

package/lib/lists/index.d.ts

@@ -1,2 +1 @@
 export * from './SidePanelGroup';
-export * from './TitledList';

package/lib/molecules/CustomizeExpandButton/__tests__/CustomizeExpandButton.test.d.ts

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

package/lib/molecules/CustomizeExpandButton/index.d.ts

@@ -0,0 +1,29 @@
+import type { ChangeEvent, ChangeEventHandler, MemoExoticComponent } from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { StyleProps } from '../../primitives';
+export interface StackingProps {
+    onInputFieldChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    inputFieldValue: number;
+    inputTitle: string;
+    errorMessage: string;
+    inputCaption: string;
+    definition: LabwareDefinition2;
+    onCheckboxChange?: () => void;
+    checked?: boolean;
+    checkboxCaption?: string;
+}
+interface CustomizeExpandButtonProps extends StyleProps {
+    enableStackingFF: boolean;
+    allowInputField: boolean;
+    loadName: string;
+    buttonText: string;
+    buttonValue: string | number;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    stackingProps?: StackingProps;
+    disabled?: boolean;
+    isSelected?: boolean;
+    id?: string;
+}
+export declare function CustomizeExpandButtonComponent(props: CustomizeExpandButtonProps): JSX.Element;
+export declare const CustomizeExpandButton: MemoExoticComponent<typeof CustomizeExpandButtonComponent>;
+export {};

package/lib/molecules/DeckInfoLabel/index.d.ts

@@ -1,19 +1,11 @@
-import type { IconName, ModuleIconName } from '../../icons';
-import type { StyleProps } from '../../primitives';
-interface DeckLabelProps extends StyleProps {
-    /** deck label to display */
-    deckLabel: string;
-    iconName?: IconName;
-}
-interface HardwareIconProps extends StyleProps {
-    /** hardware icon name */
-    iconName: ModuleIconName | 'stacked';
+export interface DeckInfoLabelProps {
     deckLabel?: string;
-}
-export type DeckInfoLabelProps = (DeckLabelProps | HardwareIconProps) & {
+    iconName?: string;
     highlight?: boolean;
+    size?: 'large' | 'default';
+    height?: string | number;
+    width?: string | number;
     svgSize?: string | number;
-};
-export declare const DeckInfoLabel: import("styled-components").StyledComponent<typeof DeckInfoLabelComponent, any, {}, never>;
-declare function DeckInfoLabelComponent({ deckLabel, iconName, highlight, ...styleProps }: DeckInfoLabelProps): JSX.Element;
-export {};
+    transform?: string;
+}
+export declare function DeckInfoLabel({ deckLabel, iconName, highlight, size, height, width, transform, svgSize, }: DeckInfoLabelProps): JSX.Element;

package/lib/molecules/index.d.ts

@@ -1,11 +1,12 @@
 export * from './Banner';
+export * from './CustomizeExpandButton';
 export * from './DeckInfoLabel';
 export * from './DeckLabel';
 export * from './DropdownMenu';
 export * from './InfoScreen';
 export * from './LiquidIcon';
+export * from './ListAccordion';
 export * from './ParametersTable';
 export * from './ReleaseNotes';
 export * from './Tabs';
 export * from './TextListTableContent';
-export * from './ListAccordion';

package/lib/organisms/CommandText/index.d.ts

@@ -1,6 +1,6 @@
 import { LegacyStyledText, StyledText } from '../../atoms';
 import type { ComponentProps } from 'react';
-import type { LabwareDefinition2, RobotType, RunTimeCommand } from '@opentrons/shared-data';
+import type { LabwareDefinition, RobotType, RunTimeCommand } from '@opentrons/shared-data';
 import type { StyleProps } from '../../primitives';
 import type { CommandTextData } from '../ProtocolTimelineScrubber/types';
 export * from './useCommandTextString';
@@ -16,7 +16,7 @@ interface ModernSTProps {
 type STProps = LegacySTProps | ModernSTProps;
 interface BaseProps extends StyleProps {
     command: RunTimeCommand;
-    allRunDefs: LabwareDefinition2[];
+    allRunDefs: LabwareDefinition[];
     commandTextData: CommandTextData;
     robotType: RobotType;
     isOnDevice?: boolean;

package/lib/organisms/CommandText/useCommandTextString/index.d.ts

@@ -1,11 +1,11 @@
 import type { TFunction } from 'i18next';
-import type { LabwareDefinition2, RobotType, RunTimeCommand } from '@opentrons/shared-data';
+import type { LabwareDefinition, RobotType, RunTimeCommand } from '@opentrons/shared-data';
 import type { CommandTextData } from '../../ProtocolTimelineScrubber/types';
 import type { TCProfileCycleText, TCProfileStepText } from './utils';
 export * from './utils';
 export interface UseCommandTextStringParams {
     command: RunTimeCommand | null;
-    allRunDefs: LabwareDefinition2[];
+    allRunDefs: LabwareDefinition[];
     commandTextData: CommandTextData | null;
     robotType: RobotType;
 }

package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareDefinitionsFromCommands.d.ts

@@ -1,2 +1,2 @@
-import type { LabwareDefinition2, RunTimeCommand } from '@opentrons/shared-data';
-export declare function getLabwareDefinitionsFromCommands(commands: RunTimeCommand[]): LabwareDefinition2[];
+import type { LabwareDefinition, RunTimeCommand } from '@opentrons/shared-data';
+export declare function getLabwareDefinitionsFromCommands(commands: RunTimeCommand[]): LabwareDefinition[];

package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareLocation.d.ts

@@ -1,4 +1,4 @@
-import type { LabwareDefinition2, LabwareLocation, LabwareLocationSequence, ModuleModel, RobotType } from '@opentrons/shared-data';
+import type { LabwareDefinition, LabwareLocation, LabwareLocationSequence, ModuleModel, RobotType } from '@opentrons/shared-data';
 import type { LoadedLabwares, LoadedModules } from './types';
 export interface LocationResult {
     slotName: string;
@@ -23,11 +23,11 @@ export interface SequenceSlotOnlyParams extends SequenceBaseParams {
     detailLevel: 'slot-only';
 }
 export interface LocationFullParams extends BaseParams {
-    allRunDefs: LabwareDefinition2[];
+    allRunDefs: LabwareDefinition[];
     detailLevel?: 'full';
 }
 export interface SequenceFullParams extends SequenceBaseParams {
-    allRunDefs: LabwareDefinition2[];
+    allRunDefs: LabwareDefinition[];
     detailLevel?: 'full';
 }
 export type GetLabwareLocationParams = LocationSlotOnlyParams | LocationFullParams;

package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareName.d.ts

@@ -1,7 +1,7 @@
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { LoadedLabwares } from './types';
 export interface GetLabwareNameParams {
-    allRunDefs: LabwareDefinition2[];
+    allRunDefs: LabwareDefinition[];
     loadedLabwares: LoadedLabwares;
     labwareId: string;
 }

package/lib/organisms/FixtureOption/index.d.ts

@@ -1,10 +1,10 @@
 import type { MouseEventHandler } from 'react';
 interface FixtureOptionProps {
     onClickHandler: MouseEventHandler;
+    secondaryOnClickHandler?: MouseEventHandler;
     optionName: string;
+    secondaryButtonText?: string;
     buttonText: string;
-    isOnDevice: boolean;
 }
 export declare function FixtureOption(props: FixtureOptionProps): JSX.Element;
-export declare const FixtureButtonODD: import("styled-components").StyledComponent<"button", any, import("../../primitives").StyleProps, any>;
 export {};

package/lib/organisms/ProtocolDeck/index.d.ts

@@ -0,0 +1,10 @@
+import { BaseDeck } from '../../hardware-sim/BaseDeck';
+import type { ComponentProps } from 'react';
+import type { CompletedProtocolAnalysis, ProtocolAnalysisOutput } from '@opentrons/shared-data';
+interface ProtocolDeckProps {
+    protocolAnalysis: CompletedProtocolAnalysis | ProtocolAnalysisOutput | null;
+    /** extra props to pass through to BaseDeck component */
+    baseDeckProps?: Partial<ComponentProps<typeof BaseDeck>>;
+}
+export declare function ProtocolDeck(props: ProtocolDeckProps): JSX.Element | null;
+export {};

package/lib/organisms/ProtocolTimelineScrubber/CommandItem.d.ts

@@ -1,4 +1,4 @@
-import type { CompletedProtocolAnalysis, LabwareDefinition2, ProtocolAnalysisOutput, RobotType, RunTimeCommand } from '@opentrons/shared-data';
+import type { CompletedProtocolAnalysis, LabwareDefinition, ProtocolAnalysisOutput, RobotType, RunTimeCommand } from '@opentrons/shared-data';
 interface CommandItemProps {
     command: RunTimeCommand;
     index: number;
@@ -6,7 +6,7 @@ interface CommandItemProps {
     setCurrentCommandIndex: (index: number) => void;
     analysis: CompletedProtocolAnalysis | ProtocolAnalysisOutput;
     robotType: RobotType;
-    allRunDefs: LabwareDefinition2[];
+    allRunDefs: LabwareDefinition[];
 }
 export declare function CommandItem({ index, command, currentCommandIndex, setCurrentCommandIndex, analysis, robotType, allRunDefs, }: CommandItemProps): JSX.Element;
 export {};

package/lib/organisms/ProtocolTimelineScrubber/utils.d.ts

@@ -1,4 +1,4 @@
-import type { CompletedProtocolAnalysis, LabwareDefinition2, ProtocolAnalysisOutput, RunTimeCommand } from '@opentrons/shared-data';
+import type { CompletedProtocolAnalysis, LabwareDefinition, ProtocolAnalysisOutput, RunTimeCommand } from '@opentrons/shared-data';
 import type { LabwareEntities, LocationLiquidState, SingleLabwareLiquidState, TimelineFrame } from '@opentrons/step-generation';
 import type { WellFill } from '../../hardware-sim';
 import type { CommandTextData } from './types';
@@ -16,7 +16,7 @@ interface WellContentsByLabware {
 export type ContentsByWell = {
     [wellName: string]: WellContents;
 } | null;
-export declare function _wellContentsForLabware(labwareLiquids: SingleLabwareLiquidState, labwareDef: LabwareDefinition2): ContentsByWell;
+export declare function _wellContentsForLabware(labwareLiquids: SingleLabwareLiquidState, labwareDef: LabwareDefinition): ContentsByWell;
 export declare const wellFillFromWellContents: (wellContents: ContentsByWell, displayColors: string[]) => WellFill;
 export declare function getAllWellContentsForActiveItem(labwareEntities: LabwareEntities, robotState: TimelineFrame): WellContentsByLabware | null;
 export declare function getCommandTextData(protocolData: CompletedProtocolAnalysis | ProtocolAnalysisOutput, protocolCommands?: RunTimeCommand[]): CommandTextData;

package/lib/organisms/index.d.ts

@@ -3,3 +3,4 @@ export * from './Toolbox';
 export * from './ProtocolTimelineScrubber';
 export * from './CommandText';
 export * from './FixtureOption';
+export * from './ProtocolDeck';

package/lib/primitives/ForeignObject.d.ts

@@ -1,23 +1,13 @@
-import type { PrimitiveComponent, StyleProps } from './types';
-export interface ForeignObjectProps extends StyleProps {
-    /** attach a width attribute to the <svg> element */
-    svgWidth?: string | number;
-    /** attach a height attribute to the <svg> element */
-    svgHeight?: string | number;
-    /**
-     * internal helper prop to remap width style-prop to CSS
-     * @internal
-     */
-    _cssWidth?: string | number;
-    /**
-     * internal helper prop to remap height style-prop to CSS
-     * @internal
-     */
-    _cssHeight?: string | number;
+import type { ReactElement, ReactNode } from 'react';
+export interface ForeignObjectProps {
+    width: string | number;
+    height: string | number;
+    x: string | number;
+    y: string | number;
+    children?: ReactNode;
 }
 /**
  * Foreign Object styled atomic component
- *
  * @component
  */
-export declare const ForeignObject: PrimitiveComponent<'foreignObject', ForeignObjectProps>;
+export declare const ForeignObject: ({ width, height, x, y, children, }: ForeignObjectProps) => ReactElement;

package/lib/primitives/style-props.d.ts

@@ -1,7 +1,7 @@
 import type { CSSObject } from 'styled-components';
 import type * as Types from './types';
 type Text = string | number;
-export declare const STYLE_PROPS: ("overflow" | "overflowX" | "overflowY" | "cursor" | "transformOrigin" | "bottom" | "left" | "right" | "top" | "color" | "backgroundColor" | "opacity" | "fontSize" | "fontWeight" | "fontStyle" | "lineHeight" | "textAlign" | "textTransform" | "textDecoration" | "margin" | "marginX" | "marginY" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "padding" | "paddingX" | "paddingY" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderRadius" | "borderWidth" | "borderColor" | "boxShadow" | "flex" | "alignItems" | "alignSelf" | "justifyContent" | "flexDirection" | "flexWrap" | "whiteSpace" | "columnGap" | "gridGap" | "gridTemplateAreas" | "gridTemplateRows" | "gridTemplateColumns" | "gridArea" | "gridRow" | "gridColumn" | "display" | "size" | "width" | "minWidth" | "maxWidth" | "height" | "minHeight" | "maxHeight" | "wordSpacing" | "overflowWrap" | "position" | "zIndex" | "transform" | "filter" | "textOverflow" | "flexGrow" | "gap" | "transition")[];
+export declare const STYLE_PROPS: ("filter" | "height" | "width" | "color" | "top" | "bottom" | "left" | "right" | "overflow" | "overflowX" | "overflowY" | "cursor" | "transformOrigin" | "backgroundColor" | "opacity" | "fontSize" | "fontWeight" | "fontStyle" | "lineHeight" | "textAlign" | "textTransform" | "textDecoration" | "margin" | "marginX" | "marginY" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "padding" | "paddingX" | "paddingY" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderRadius" | "borderWidth" | "borderColor" | "boxShadow" | "flex" | "alignItems" | "alignSelf" | "justifyContent" | "flexDirection" | "flexWrap" | "whiteSpace" | "columnGap" | "gridGap" | "gridTemplateAreas" | "gridTemplateRows" | "gridTemplateColumns" | "gridArea" | "gridRow" | "gridColumn" | "display" | "size" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "wordSpacing" | "overflowWrap" | "position" | "zIndex" | "transform" | "textOverflow" | "flexGrow" | "gap" | "rowGap" | "transition")[];
 export declare const styleProps: (props: Types.StyleProps) => CSSObject;
 export declare const isntStyleProp: (prop: string | Text) => boolean;
 export {};

package/lib/structure/index.d.ts

@@ -1,5 +1,4 @@
-export * from './TitleBar';
-export * from './Card';
-export * from './Splash';
 export * from './LabeledValue';
 export * from './Pill';
+export * from './Splash';
+export * from './TitleBar';