@opentrons/components 0.2.1-alpha.0 → 0.3.0-alpha.1

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

@@ -1,11 +1,11 @@
-import type { MouseEventHandler } from 'react';
+import type { ChangeEventHandler } from 'react';
 export interface CheckboxProps {
     /** checkbox is checked if value is true */
     isChecked: boolean;
     /** label text that describes the option */
     labelText: string;
-    /** callback click/tap handler */
-    onClick: MouseEventHandler;
+    /** callback change handler */
+    onChange: ChangeEventHandler<HTMLInputElement>;
     /** html tabindex property */
     tabIndex?: number;
     /** if disabled is true, mouse events will not trigger onClick callback */

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

@@ -16,5 +16,7 @@ export interface CheckboxFieldProps {
     labelProps?: ComponentProps<'div'>;
     /** if true, render indeterminate icon */
     isIndeterminate?: boolean;
+    /** optional padding */
+    padding?: string;
 }
 export declare function CheckboxField(props: CheckboxFieldProps): JSX.Element;

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

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

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

@@ -12,7 +12,7 @@ export interface InlineNotificationProps extends StyleProps {
     /** optional handler to show close button/clear alert  */
     onCloseClick?: (() => void) | MouseEventHandler<HTMLButtonElement>;
     linkText?: string;
-    onLinkClick?: (() => void) | MouseEventHandler<HTMLButtonElement>;
+    onLinkClick?: (() => void) | MouseEventHandler<HTMLAnchorElement>;
 }
 export declare function InlineNotification(props: InlineNotificationProps): JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { StyleProps } from '../../primitives';
 export * from './ListButtonChildren/index';
-type ListButtonType = 'noActive' | 'connected' | 'notConnected' | 'onColor';
+type ListButtonType = 'noActive' | 'connected' | 'notConnected' | 'onColor' | 'error';
 interface ListButtonProps extends StyleProps {
     /** ListButton type */
     type: ListButtonType;
@@ -11,7 +11,7 @@ interface ListButtonProps extends StyleProps {
     disabled?: boolean;
     /** ListButton onClick event */
     onClick?: () => void;
-    /** optional data-testid value for Cypress testing */
+    /** optional data-testid value for testing */
     testId?: string;
 }
 export declare function ListButton(props: ListButtonProps): JSX.Element;

package/lib/atoms/MenuList/OverflowBtn.d.ts

@@ -1,7 +1,7 @@
 import { Btn } from '../../primitives';
-import type { ComponentProps, ForwardedRef, ReactNode } from 'react';
+import type { ComponentProps } from 'react';
 interface OverflowBtnProps extends ComponentProps<typeof Btn> {
     fillColor?: string;
 }
-export declare const OverflowBtn: (props: OverflowBtnProps, ref: ForwardedRef<HTMLInputElement>) => ReactNode;
+export declare const OverflowBtn: import("react").ForwardRefExoticComponent<Omit<OverflowBtnProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -0,0 +1,14 @@
+interface SliderProps {
+    /** Value of slider as percentage */
+    value: number;
+    /** Function to do something with the value of the slider */
+    adjustValue: (value: number) => void;
+    /** Optional label for the slider */
+    label?: string;
+    /** Optional color for the unfilled (right) track. Defaults to blue-20. */
+    backgroundColor?: string;
+    /** Gap between label and slider: "large" (8px) or "small" (4px). Defaults to "large". */
+    type?: 'small' | 'large';
+}
+export declare function Slider({ value, label, adjustValue, backgroundColor, type, }: SliderProps): JSX.Element;
+export {};

package/lib/atoms/StepMeter/__tests__/StepMeter.test.d.ts

@@ -1 +1 @@
-export {};
+import '@testing-library/jest-dom/vitest';

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

@@ -1,5 +1,4 @@
-import type { StyleProps } from '../../primitives';
-interface StepMeterProps extends StyleProps {
+interface StepMeterProps {
     totalSteps: number;
     currentStep: number | null;
 }

package/lib/atoms/StyledText/LegacyStyledText.d.ts

@@ -1,6 +1,8 @@
 import { Text } from '../../primitives';
 import type { ComponentProps, ReactNode } from 'react';
-export interface LegacyProps extends ComponentProps<typeof Text> {
+export interface LegacyProps extends Omit<ComponentProps<typeof Text>, 'as'> {
     children?: ReactNode;
+    as?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
+    forwardedAs?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
 }
 export declare const LegacyStyledText: (props: LegacyProps) => JSX.Element;

package/lib/atoms/StyledText/PlaceholderStyledText.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+interface PlaceholderStyledTextProps {
+    children: ReactNode;
+    color?: string;
+    desktopStyle?: string;
+    oddStyle?: string;
+}
+/**
+ * @deprecated: NOTE: YOU SHOULD NOT BE USING THIS - THIS IS A TEMP COMPONENT
+ * USED FOR PROTOCOL LIBRARY TO NOT USE STYLED-COMPONENTS. USE THIS
+ * UNTIL WE MIGRATE STYLEDTEXT PROPERLY
+ */
+export declare const PlaceholderStyledText: (props: PlaceholderStyledTextProps) => JSX.Element;
+export {};

package/lib/atoms/StyledText/StyledText.d.ts

@@ -149,6 +149,7 @@ export interface Props extends ComponentProps<typeof Text> {
     oddStyle?: ODDStyles;
     desktopStyle?: HelixStyles;
     children?: ReactNode;
+    htmlFor?: string;
 }
 export declare const ODD_STYLES: string[];
 export declare const HELIX_STYLES: string[];

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

@@ -1,2 +1,3 @@
 export * from './StyledText';
 export * from './LegacyStyledText';
+export * from './PlaceholderStyledText';

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

@@ -1,6 +1,6 @@
 import type { IconName } from '../../icons';
 import type { LiquidIconProps } from '../../molecules/LiquidIcon';
-export type TagType = 'default' | 'interactive' | 'branded' | 'onColor';
+export type TagType = 'default' | 'interactive' | 'branded' | 'onColor' | 'flex';
 export interface TagProps {
     /** Tag content */
     text: string;

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

@@ -1 +1,3 @@
-export declare const AlertPrimaryButton: import("styled-components").StyledComponent<"button", any, import("../../primitives").StyleProps, any>;
+import type { ComponentProps, FC } from 'react';
+import type { StyleProps } from '../../primitives/types';
+export declare const AlertPrimaryButton: FC<ComponentProps<'button'> & StyleProps>;

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

@@ -1 +1,3 @@
-export declare const AltPrimaryButton: import("styled-components").StyledComponent<"button", any, import("../..").StyleProps, any>;
+import type { ComponentProps, FC } from 'react';
+import type { StyleProps } from '../../primitives/types';
+export declare const AltPrimaryButton: FC<ComponentProps<'button'> & StyleProps>;

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

@@ -1 +1,2 @@
-export declare const PrimaryButton: import("styled-components").StyledComponent<"button", any, import("../../primitives").StyleProps, any>;
+import type { StyledComponent } from 'styled-components';
+export declare const PrimaryButton: StyledComponent<any, any>;

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

@@ -1,3 +1,8 @@
-export declare const TertiaryButton: import("styled-components").StyledComponent<"button", any, import("../../primitives").StyleProps & {
-    buttonType: 'primary' | 'secondary' | 'white';
-}, any>;
+import { Btn } from '../../primitives';
+import type { ComponentProps } from 'react';
+type ButtonType = 'primary' | 'secondary' | 'white';
+type TertiaryButtonProps = Omit<ComponentProps<typeof Btn>, 'ref'> & {
+    buttonType: ButtonType;
+};
+export declare function TertiaryButton({ buttonType, ...props }: TertiaryButtonProps): JSX.Element;
+export {};

package/lib/atoms/index.d.ts

@@ -4,8 +4,8 @@ export * from './Checkbox';
 export * from './CheckboxField';
 export * from './Chip';
 export * from './Divider';
+export * from './FixedTrashText';
 export * from './InlineNotification';
-export * from './InputField';
 export * from './ListButton';
 export * from './ListItem';
 export * from './ListItem/ListItemChildren//ListItemDescriptor';
@@ -13,6 +13,7 @@ export * from './ListTable';
 export * from './MenuList';
 export * from './MenuList/MenuItem';
 export * from './MenuList/OverflowBtn';
+export * from './Slider';
 export * from './Snackbar';
 export * from './StepMeter';
 export * from './StepMeter';

package/lib/buttons/Button.d.ts

@@ -13,9 +13,9 @@ export interface ButtonProps {
     /** title attribute */
     title?: string;
     /** disabled attribute (setting disabled removes onClick) */
-    disabled?: boolean | null | undefined;
+    disabled?: boolean | null;
     /** use hover style even when not hovered */
-    hover?: boolean | null | undefined;
+    hover?: boolean | null;
     /** optional Icon name */
     iconName?: IconName;
     /** classes to apply */
@@ -31,7 +31,7 @@ export interface ButtonProps {
     /** custom element or component to use instead of `<button>` */
     Component?: ComponentType<any> | keyof JSX.IntrinsicElements;
     /** handlers for HoverTooltipComponent */
-    hoverTooltipHandlers?: UseHoverTooltipTargetProps | null | undefined;
+    hoverTooltipHandlers?: UseHoverTooltipTargetProps | null;
     /** html tabindex property */
     tabIndex?: number;
     /** catch all prop for pass-through props */

package/lib/controls/ToggleButton.d.ts

@@ -2,7 +2,7 @@ import type { MouseEvent } from 'react';
 import type { StyleProps } from '../primitives';
 interface ToggleButtonProps extends StyleProps {
     toggledOn: boolean;
-    label?: string | null;
+    label?: string;
     disabled?: boolean | null;
     id?: string;
     onClick?: (e: MouseEvent) => void;

package/lib/forms/DeprecatedCheckboxField.d.ts

@@ -10,13 +10,13 @@ export interface DeprecatedCheckboxFieldProps {
     /** classes to apply */
     className?: string;
     /** classes to apply to inner label text div. Deprecated. use labelProps.className */
-    labelTextClassName?: string | null | undefined;
+    labelTextClassName?: string | null;
     /** name of field in form */
     name?: string;
     /** label text for checkbox */
     label?: string;
     /** if is included, checkbox will use error style. The content of the string is ignored. */
-    error?: string | null | undefined;
+    error?: string | null;
     /** checkbox is disabled if value is true */
     disabled?: boolean;
     /** html tabindex property */

package/lib/forms/FormGroup.d.ts

@@ -6,13 +6,13 @@ export interface FormGroupProps {
     /** form content */
     children?: ReactNode;
     /** classes to apply */
-    className?: string | null | undefined;
+    className?: string | null;
     /** if is included, FormGroup title will use error style. The content of the string is ignored. */
-    error?: string | null | undefined;
+    error?: string | null;
     /** enable disabled style. Overridden by truthy `error` */
-    disabled?: boolean | null | undefined;
+    disabled?: boolean | null;
     /** handlers for HoverTooltipComponent */
-    hoverTooltipHandlers?: HoverTooltipHandlers | null | undefined;
+    hoverTooltipHandlers?: HoverTooltipHandlers | null;
     /** boolean indicating formGroup used in pipette Settings slideout */
     isPipetteSettingsSlideout?: boolean;
 }

package/lib/forms/LegacyInputField.d.ts

@@ -11,7 +11,7 @@ export interface LegacyInputFieldProps {
     /** inline label text. DEPRECATED */
     label?: string;
     /** classes to apply to inner label text div */
-    labelTextClassName?: string | null | undefined;
+    labelTextClassName?: string | null;
     /** name of field in form */
     name?: string;
     /** optional ID of <input> element */
@@ -21,13 +21,13 @@ export interface LegacyInputFieldProps {
     /** optional suffix component, appears to the right of input text */
     units?: ReactNode;
     /** current value of text in box, defaults to '' */
-    value?: string | null | undefined;
+    value?: string | null;
     /** if included, InputField will use error style and display error instead of caption */
-    error?: string | null | undefined;
+    error?: string | null;
     /** optional caption. hidden when `error` is given */
-    caption?: string | null | undefined;
+    caption?: string | null;
     /** appears to the right of the caption. Used for character limits, eg '0/45' */
-    secondaryCaption?: string | null | undefined;
+    secondaryCaption?: string | null;
     /** optional input type (default "text") */
     type?: typeof INPUT_TYPE_TEXT | typeof INPUT_TYPE_PASSWORD;
     /** mouse click handler */

package/lib/forms/RadioGroup.d.ts

@@ -18,9 +18,9 @@ export interface RadioGroupProps {
     /** classes to apply to outer div */
     className?: string;
     /** classes to apply to inner label text div */
-    labelTextClassName?: string | null | undefined;
+    labelTextClassName?: string | null;
     /** if is included, RadioGroup will use error style. The content of the string is ignored. */
-    error?: string | null | undefined;
+    error?: string | null;
     /** 'name' attr of input */
     name?: string;
     /** optional prop to turn radio field blue when checked */

package/lib/forms/ToggleField.d.ts

@@ -7,7 +7,7 @@ export interface ToggleFieldProps {
     /** classes to apply */
     className?: string;
     /** classes to apply to inner label text div */
-    labelTextClassName?: string | null | undefined;
+    labelTextClassName?: string | null;
     /** name of field in form */
     name?: string;
     /** label text for toggled off */

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

@@ -1,14 +1,17 @@
 import { Module } from '../Module';
 import type { ComponentProps, ReactNode } from 'react';
 import type { DeckConfiguration, LabwareDefinition, LabwareLocation, ModuleLocation, ModuleModel, RobotType } from '@opentrons/shared-data';
-import type { Svg } from '../../primitives';
-import type { WellFill, WellGroup } from '../Labware';
+import type { WellFillByName, WellGroup } from '../Labware';
 export interface LabwareOnDeck {
     labwareLocation: LabwareLocation;
     definition: LabwareDefinition;
-    wellFill?: WellFill;
+    wellFill?: WellFillByName;
     missingTips?: WellGroup;
-    /** generic prop to render self-positioned children for each labware */
+    /**
+     * Additional children to render alongside this labware.
+     * The SVG origin of these children is the front-left (-x,-y) corner of
+     * the slot that the labware is in.
+     */
     labwareChildren?: ReactNode;
     onLabwareClick?: () => void;
     highlight?: boolean;
@@ -18,10 +21,14 @@ export interface LabwareOnDeck {
 export interface ModuleOnDeck {
     moduleModel: ModuleModel;
     moduleLocation: ModuleLocation;
-    nestedLabwareDef?: LabwareDefinition | null;
-    nestedLabwareWellFill?: WellFill;
+    nestedLabwareDefsBottomToTop: LabwareDefinition[];
+    nestedLabwareWellFill?: WellFillByName;
     innerProps?: ComponentProps<typeof Module>['innerProps'];
-    /** generic prop to render self-positioned children for each module */
+    /**
+     * Additional children to render atop this module, after `nestedLabwareDef`.
+     * The SVG origin of these children is the front-left (-x,-y) corner of the slot that
+     * the module is in.
+     */
     moduleChildren?: ReactNode;
     onLabwareClick?: () => void;
     highlightLabware?: boolean;
@@ -31,14 +38,12 @@ export interface ModuleOnDeck {
 }
 export interface HopperLabwareProps {
     hopperLabwareDef: LabwareDefinition | null;
-    hopperLabwareWellFill: WellFill;
+    hopperLabwareWellFill: WellFillByName;
     hopperOnLabwareClick: () => void;
     hopperHighlightLabware: boolean;
     hopperStacked: boolean;
 }
-export declare const STACKER_MODULE_Y_OFFSET = -6;
 export declare const STACKER_HOPPER_LABWARE_X_OFFSET = 17.5;
-export declare const STACKER_HOPPER_LABWARE_Y_OFFSET = 6;
 export declare const STACKER_DECK_VIEW_BOX_EXPANSION = 220;
 interface BaseDeckProps {
     deckConfig: DeckConfiguration;
@@ -55,7 +60,10 @@ interface BaseDeckProps {
     /** whether to make wrapping svg tag animatable via @react-spring/web, defaults to false */
     animatedSVG?: boolean;
     /** extra props to pass to svg tag */
-    svgProps?: ComponentProps<typeof Svg>;
+    /** NOTE: typing as any because running into some TS issues with React-spring,
+     * CSS Modules & Styled-components not playing together nicely
+     */
+    svgProps?: any;
 }
 export declare function BaseDeck(props: BaseDeckProps): JSX.Element;
 export {};

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

@@ -7,6 +7,8 @@ interface SingleSlotFixtureProps extends SVGProps<SVGGElement> {
     fixtureBaseColor?: SVGProps<SVGPathElement>['fill'];
     slotClipColor?: SVGProps<SVGPathElement>['stroke'];
     showExpansion?: boolean;
+    stroke?: string;
+    showSlotClips?: boolean;
 }
 export declare function SingleSlotFixture(props: SingleSlotFixtureProps): JSX.Element | null;
 export {};

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

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

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

@@ -8,6 +8,7 @@ interface StagingAreaFixtureProps extends SVGProps<SVGGElement> {
     fixtureBaseColor?: SVGProps<SVGPathElement>['fill'];
     slotClipColor?: SVGProps<SVGPathElement>['stroke'];
     showExtensions?: boolean;
+    showSlotClips?: boolean;
 }
 export declare function StagingAreaFixture(props: StagingAreaFixtureProps): JSX.Element | null;
 export {};

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

@@ -12,6 +12,7 @@ interface WasteChuteStagingAreaFixtureProps extends SVGProps<SVGGElement> {
     showExtensions?: boolean;
     showHighlight?: boolean;
     tagInfo?: DeckLabelProps[];
+    showSlotClips?: boolean;
 }
 export declare function WasteChuteStagingAreaFixture(props: WasteChuteStagingAreaFixtureProps): JSX.Element | null;
 export {};

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

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import type { DeckConfiguration, LabwareDefinition, LabwareLocation, LoadedLabware, LoadedModule, RobotType } from '@opentrons/shared-data';
+import type { LabwareOnDeck, ModuleOnDeck } from '../../hardware-sim/BaseDeck';
 import type { StyleProps } from '../../primitives';
 interface MoveLabwareOnDeckProps extends StyleProps {
     robotType: RobotType;
@@ -8,9 +8,10 @@ interface MoveLabwareOnDeckProps extends StyleProps {
     finalLabwareLocation: LabwareLocation;
     loadedModules: LoadedModule[];
     loadedLabware: LoadedLabware[];
+    modulesOnDeck?: ModuleOnDeck[];
+    labwareOnDeck?: LabwareOnDeck[];
     labwareDefinitions: LabwareDefinition[];
     deckConfig: DeckConfiguration;
-    backgroundItems?: ReactNode;
     deckFill?: string;
 }
 export declare function MoveLabwareOnDeck(props: MoveLabwareOnDeckProps): JSX.Element | null;

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

@@ -1,5 +1,6 @@
-import { Box } from '../../primitives';
-import type { ComponentProps, ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { StyleProps } from '../../primitives';
+export type PositionType = 'absolute' | 'relative' | 'fixed';
 export interface RobotCoordsForeignDivProps {
     width?: string | number;
     height?: string | number;
@@ -7,10 +8,10 @@ export interface RobotCoordsForeignDivProps {
     y?: string | number;
     children?: ReactNode;
     outerProps?: any;
-    innerDivProps?: ComponentProps<typeof Box>;
+    innerDivProps?: StyleProps;
+    innerDivEvents?: HTMLAttributes<HTMLDivElement>;
     transformWithSVG?: boolean;
     extraTransform?: string;
-    /** optional data-testid to test foreignObjects in cypress */
     dataTestId?: string;
 }
-export declare const RobotCoordsForeignDiv: (props: RobotCoordsForeignDivProps) => JSX.Element;
+export declare const RobotCoordsForeignDiv: ({ children, x, y, height, width, outerProps, innerDivProps, transformWithSVG, extraTransform, dataTestId, innerDivEvents, }: RobotCoordsForeignDivProps) => JSX.Element;

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

@@ -1,12 +1,15 @@
-import { Flex, ForeignObject } from '../../primitives';
-import type { ComponentProps, ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { StyleProps } from '../../primitives/types';
+export type FlexDirection = 'column' | 'row';
 export interface RobotCoordsForeignObjectProps {
     width: string | number;
     height: string | number;
     x: string | number;
     y: string | number;
     children?: ReactNode;
-    foreignObjectProps?: ComponentProps<typeof ForeignObject>;
-    flexProps?: ComponentProps<typeof Flex>;
+    foreignObjectProps?: StyleProps;
+    foreignObjectEvents?: HTMLAttributes<HTMLDivElement>;
+    flexProps?: StyleProps;
+    flexEvents?: HTMLAttributes<HTMLDivElement>;
 }
-export declare const RobotCoordsForeignObject: (props: RobotCoordsForeignObjectProps) => JSX.Element;
+export declare const RobotCoordsForeignObject: ({ children, x, y, height, width, foreignObjectEvents, foreignObjectProps, flexProps, flexEvents, }: RobotCoordsForeignObjectProps) => JSX.Element;

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

@@ -1,6 +1,5 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import type { AddressableArea, DeckDefinition } from '@opentrons/shared-data';
-import type { StyleProps } from '../../primitives';
 export interface RobotWorkSpaceRenderProps {
     addressableAreasById: {
         [addressableAreaId: string]: AddressableArea;
@@ -25,7 +24,7 @@ type BaseProps = {
      */
     viewBox: string;
 });
-export type RobotWorkSpaceProps = BaseProps & StyleProps;
+export type RobotWorkSpaceProps = BaseProps & CSSProperties;
 /**
  * A wrapper for rendering the robot deck, labware, etc. from a top-down perspective.
  *

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

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

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

@@ -8,6 +8,7 @@ export declare const COLUMN_1_SINGLE_SLOT_FIXTURE_WIDTH = 243.5;
 export declare const COLUMN_DEFAULT_SINGLE_SLOT_FIXTURE_WIDTH = 159;
 export declare const LARGE_SINGLE_ITEM_SLOT_WIDTH = 250;
 export declare const THERMOCYCLER_FIXTURE_WIDTH = 243.5;
+export declare const VACUUM_MODULE_V1_FIXTURE_WIDTH = 322;
 export declare const COLUMN_1_X_ADJUSTMENT = -100;
 export declare const COLUMN_DEFAULT_X_ADJUSTMENT = -15.5;
 export declare const STACKER_X_ADJUSTMENT = -12.5;
@@ -15,3 +16,7 @@ export declare const Y_ADJUSTMENT = -8;
 export declare const CONFIG_STYLE_READ_ONLY: import("styled-components").FlattenSimpleInterpolation;
 export declare const CONFIG_STYLE_EDITABLE: import("styled-components").FlattenSimpleInterpolation;
 export declare const CONFIG_STYLE_SELECTED: import("styled-components").FlattenSimpleInterpolation;
+export declare const WASTE_CHUTE_WIDTH = 130;
+export declare const WASTE_CHUTE_HEIGHT = 138;
+export declare const WASTE_CHUTE_X = 322;
+export declare const WASTE_CHUTE_Y = -51;

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

@@ -1,6 +1,6 @@
 import type { RefObject } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
-import type { HighlightedWellLabels, WellFill, WellMouseEvent, WellStroke } from './labwareInternals/types';
+import type { HighlightedWellLabels, WellFillByName, WellMouseEvent, WellStrokeByName } from './labwareInternals/Wells';
 export interface LabwareProps {
     /** Labware definition to render */
     definition: LabwareDefinition;
@@ -14,9 +14,9 @@ export interface LabwareProps {
     /** option to highlight well labels with specified color */
     highlightedWellLabels?: HighlightedWellLabels;
     /** CSS color to fill specified wells */
-    wellFill?: WellFill;
+    wellFill?: WellFillByName;
     /** CSS color to stroke specified wells */
-    wellStroke?: WellStroke;
+    wellStroke?: WellStrokeByName;
     /** adds thicker blue border with blur to labware */
     highlight?: boolean;
     /** Optional callback, called with WellMouseEvent args onMouseEnter */

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

@@ -0,0 +1,9 @@
+interface GenericLidProps {
+    lidDimensions: {
+        xDimension: number;
+        yDimension: number;
+        zDimension: number;
+    } | null;
+}
+export declare function GenericLid(props: GenericLidProps): JSX.Element;
+export {};

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

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

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

@@ -5,23 +5,31 @@ import { OpentronsAutoclavableDeckRiser } from './OpentronsAutoclavableDeckRiser
 import { OpentronsFlex96TiprackAdapter } from './OpentronsFlex96TiprackAdapter';
 import { OpentronsToughPCRAutoSealingLid } from './OpentronsToughPCRAutoSealingLid';
 import { OpentronsUniversalFlatAdapter } from './OpentronsUniversalFlatAdapter';
+import { OpentronsUniversalFlatAdapterTypeB } from './OpentronsUniversalFlatAdapterTypeB';
 import type { LabwareDefinition } from '@opentrons/shared-data';
-declare const LABWARE_ADAPTER_LOADNAME_PATHS: {
+declare const CUSTOM_SVG_LOADNAME_PATHS: {
     opentrons_96_deep_well_adapter: typeof Opentrons96DeepWellAdapter;
     opentrons_96_flat_bottom_adapter: typeof Opentrons96FlatBottomAdapter;
     opentrons_aluminum_flat_bottom_plate: typeof OpentronsAluminumFlatBottomPlate;
     opentrons_flex_96_tiprack_adapter: typeof OpentronsFlex96TiprackAdapter;
     opentrons_universal_flat_adapter: typeof OpentronsUniversalFlatAdapter;
+    opentrons_universal_flat_adapter_type_b: typeof OpentronsUniversalFlatAdapterTypeB;
     opentrons_tough_pcr_auto_sealing_lid: typeof OpentronsToughPCRAutoSealingLid;
     opentrons_flex_deck_riser: typeof OpentronsAutoclavableDeckRiser;
 };
-export type LabwareAdapterLoadName = keyof typeof LABWARE_ADAPTER_LOADNAME_PATHS;
-export declare const labwareAdapterLoadNames: string[];
+export type LabwareAdapterLoadName = keyof typeof CUSTOM_SVG_LOADNAME_PATHS;
+export declare const customSVGLoadNames: string[];
 export interface LabwareAdapterProps {
     labwareLoadName: LabwareAdapterLoadName;
+    lidDimensions: {
+        xDimension: number;
+        yDimension: number;
+        zDimension: number;
+    } | null;
     definition?: LabwareDefinition;
     highlight?: boolean;
     highlightShadow?: boolean;
+    isLid?: boolean;
 }
 export declare const LabwareAdapter: (props: LabwareAdapterProps) => JSX.Element | null;
 export {};