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

package/README.md

@@ -8,7 +8,6 @@ React components for Opentrons' applications. Visit the [Opentrons Components Li
 
 ```javascript
 import { PrimaryButton } from '@opentrons/components'
-
 export default function CowButton(props) {
   return <PrimaryButton onClick={() => console.log('🐄')} />
 }

package/lib/assets/localization/en/index.d.ts

@@ -33,12 +33,18 @@ export declare const en: {
         drop_tip_in_place: string;
         dropping_tip_in_trash: string;
         engaging_magnetic_module: string;
+        extension_mount: string;
+        extension_z: string;
+        extension_jaw: string;
         fixed_trash: string;
         get_next_tip: string;
         home_gantry: string;
         in_location: string;
         latching_hs_latch: string;
         left: string;
+        left_mount: string;
+        left_plunger: string;
+        left_z: string;
         load_labware_to_display_location: string;
         load_liquid_class: string;
         load_liquids_info_protocol_setup: string;
@@ -70,6 +76,14 @@ export declare const en: {
         reloading_labware: string;
         return_tip: string;
         right: string;
+        right_mount: string;
+        right_plunger: string;
+        right_z: string;
+        robot_close_gripper_jaw: string;
+        robot_move_to: string;
+        robot_move_axes_relative: string;
+        robot_move_axes_to: string;
+        robot_open_gripper_jaw: string;
         row_layout: string;
         save_position: string;
         set_and_await_hs_shake: string;

package/lib/assets/localization/index.d.ts

@@ -34,12 +34,18 @@ export declare const resources: {
             drop_tip_in_place: string;
             dropping_tip_in_trash: string;
             engaging_magnetic_module: string;
+            extension_mount: string;
+            extension_z: string;
+            extension_jaw: string;
             fixed_trash: string;
             get_next_tip: string;
             home_gantry: string;
             in_location: string;
             latching_hs_latch: string;
             left: string;
+            left_mount: string;
+            left_plunger: string;
+            left_z: string;
             load_labware_to_display_location: string;
             load_liquid_class: string;
             load_liquids_info_protocol_setup: string;
@@ -71,6 +77,14 @@ export declare const resources: {
             reloading_labware: string;
             return_tip: string;
             right: string;
+            right_mount: string;
+            right_plunger: string;
+            right_z: string;
+            robot_close_gripper_jaw: string;
+            robot_move_to: string;
+            robot_move_axes_relative: string;
+            robot_move_axes_to: string;
+            robot_open_gripper_jaw: string;
             row_layout: string;
             save_position: string;
             set_and_await_hs_shake: string;

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

@@ -15,6 +15,8 @@ interface ChipProps extends StyleProps {
     hasIcon?: boolean;
     /** Chip size medium is the default size */
     chipSize?: ChipSize;
+    /** icon should pulse */
+    pulseIcon?: boolean;
 }
 export declare function Chip(props: ChipProps): JSX.Element;
 export {};

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

@@ -0,0 +1,18 @@
+import type { MouseEventHandler } from 'react';
+import type { StyleProps } from '../../primitives';
+type InlineNotificationType = 'alert' | 'error' | 'neutral' | 'success';
+export interface InlineNotificationProps extends StyleProps {
+    /** name constant of the icon to display */
+    type: InlineNotificationType;
+    /** InlineNotification contents */
+    heading: string;
+    message?: string;
+    /** Optional dynamic width based on contents */
+    hug?: boolean;
+    /** optional handler to show close button/clear alert  */
+    onCloseClick?: (() => void) | MouseEventHandler<HTMLButtonElement>;
+    linkText?: string;
+    onLinkClick?: (() => void) | MouseEventHandler<HTMLButtonElement>;
+}
+export declare function InlineNotification(props: InlineNotificationProps): JSX.Element;
+export {};

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

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

package/lib/atoms/ListItem/ListItemChildren/ListItemDescriptor.d.ts

@@ -1,7 +1,11 @@
 interface ListItemDescriptorProps {
+    /** ListItemDescriptor size type */
     type: 'default' | 'large';
+    /** ListItemDescriptor description */
     description: JSX.Element;
+    /** ListItemDescriptor content */
     content: JSX.Element;
+    /** ListItemDescriptor flex direction */
     changeFlexDirection?: boolean;
 }
 export declare const ListItemDescriptor: (props: ListItemDescriptorProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 import { Text } from '../../primitives';
-import type { ComponentProps, ReactNode } from 'react';
 import type { FlattenSimpleInterpolation } from 'styled-components';
+import type { ComponentProps, ReactNode } from 'react';
 declare const helixProductStyleMap: {
     readonly displayBold: {
         readonly as: "h1";

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

@@ -1,4 +1,5 @@
 import type { IconName } from '../../icons';
+import type { LiquidIconProps } from '../../molecules/LiquidIcon';
 export type TagType = 'default' | 'interactive' | 'branded' | 'onColor';
 export interface TagProps {
     /** Tag content */
@@ -7,8 +8,10 @@ export interface TagProps {
     type: TagType;
     /** iconLocation */
     iconPosition?: 'left' | 'right';
-    /** Tagicon */
+    /** Tag icon */
     iconName?: IconName;
     shrinkToContent?: boolean;
+    /** liquid icon */
+    liquidIcon?: LiquidIconProps;
 }
 export declare function Tag(props: TagProps): JSX.Element;

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

@@ -1,5 +1,5 @@
-import type { StyleProps } from '../../primitives';
 import type { IconProps } from '../../icons';
+import type { StyleProps } from '../../primitives';
 export declare const SUCCESS_TOAST: 'success';
 export declare const WARNING_TOAST: 'warning';
 export declare const ERROR_TOAST: 'error';

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { UseTooltipResultTooltipProps } from '../../tooltips';
 import type { StyleProps } from '../../primitives';
+import type { UseTooltipResultTooltipProps } from '../../tooltips';
 export interface TooltipProps extends StyleProps {
     children: ReactNode;
     tooltipProps: UseTooltipResultTooltipProps & {

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { StyleProps } from '../../primitives';
 import type { IconName } from '../../icons';
+import type { StyleProps } from '../../primitives';
 type LargeButtonTypes = 'primary' | 'secondary' | 'alert' | 'alertStroke' | 'alertAlt' | 'stroke';
 interface LargeButtonProps extends StyleProps {
     /** used for form submission */

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

@@ -1,4 +1,4 @@
-import type { ChangeEventHandler, ReactNode } from 'react';
+import type { ChangeEventHandler, MouseEventHandler, ReactNode } from 'react';
 import type { IconName } from '../../icons';
 import type { StyleProps } from '../../primitives';
 export interface RadioButtonSubLabel {
@@ -6,21 +6,49 @@ export interface RadioButtonSubLabel {
     align?: 'horizontal' | 'vertical';
 }
 interface RadioButtonProps extends StyleProps {
+    /** Radio button label */
     buttonLabel: string | ReactNode;
+    /** Radio button value */
     buttonValue: string | number;
+    /** Radio button onChange handler */
     onChange: ChangeEventHandler<HTMLInputElement>;
+    /** Radio button disabled state. This will be replaced with aria-disabled in the future. */
     disabled?: boolean;
+    /** Radio button icon name */
     iconName?: IconName;
+    /** Radio button tag text */
     tagText?: string;
+    /** Radio button isSelected state */
     isSelected?: boolean;
+    /** Radio button largeDesktopBorderRadius state */
     largeDesktopBorderRadius?: boolean;
+    /** Radio button radioButtonType state */
     radioButtonType?: 'large' | 'small';
+    /**
+     *  id is used for the special case in ODD where the screen has two radio buttons.
+     *  The screen that uses this prop is CSV runtime parameter CSV file selection screen.
+     *  Basically, this would not be used in desktop app/web app.
+     */
     id?: string;
+    /** Radio button maxLines for label */
     maxLines?: number;
+    /** used for mouseEnter and mouseLeave */
     setNoHover?: () => void;
     setHovered?: () => void;
     error?: string | null;
+    /** Radio button buttonSubLabel */
     buttonSubLabel?: RadioButtonSubLabel;
+    /** testid is used for testing */
+    testid?: string;
+    /**
+     * with the changes in UX and accessibility support, 'disabled' will eventually be replaced with 'aria-disabled' in the future.
+     */
+    ariaDisabled?: boolean;
+    /**
+     *  onClick is needed for RadioButton since onChange requires actual selected value change.
+     *  For this case, selected value change shouldn't be happened.
+     */
+    onClick?: MouseEventHandler;
 }
 export declare function RadioButton(props: RadioButtonProps): JSX.Element;
 export {};

package/lib/atoms/index.d.ts

@@ -3,10 +3,12 @@ export * from './Checkbox';
 export * from './CheckboxField';
 export * from './Chip';
 export * from './Divider';
+export * from './InlineNotification';
 export * from './InputField';
 export * from './ListButton';
 export * from './ListItem';
 export * from './ListItem/ListItemChildren//ListItemDescriptor';
+export * from './ListTable';
 export * from './MenuList';
 export * from './MenuList/MenuItem';
 export * from './MenuList/OverflowBtn';
@@ -14,9 +16,8 @@ export * from './Snackbar';
 export * from './StepMeter';
 export * from './StepMeter';
 export * from './StyledText';
+export * from './SubListTable';
 export * from './Tag';
 export * from './Toast';
 export * from './ToggleGroup';
 export * from './Tooltip';
-export * from './ListTable';
-export * from './SubListTable';

package/lib/buttons/Button.d.ts

@@ -1,7 +1,7 @@
 import { BUTTON_TYPE_BUTTON } from '../primitives';
 import type { ComponentType, MouseEventHandler, ReactNode } from 'react';
-import type { BUTTON_TYPE_SUBMIT, BUTTON_TYPE_RESET } from '../primitives';
 import type { IconName } from '../icons';
+import type { BUTTON_TYPE_RESET, BUTTON_TYPE_SUBMIT } from '../primitives';
 import type { UseHoverTooltipTargetProps } from '../tooltips';
 export interface ButtonProps {
     /** id attribute */

package/lib/controls/ToggleButton.d.ts

@@ -1,5 +1,11 @@
-import type { ButtonProps } from '../buttons';
-export interface ToggleButtonProps extends ButtonProps {
+import type { MouseEvent } from 'react';
+import type { StyleProps } from '../primitives';
+interface ToggleButtonProps extends StyleProps {
     toggledOn: boolean;
+    label?: string | null;
+    disabled?: boolean | null;
+    id?: string;
+    onClick?: (e: MouseEvent) => void;
 }
 export declare function ToggleButton(props: ToggleButtonProps): JSX.Element;
+export {};

package/lib/controls/index.d.ts

@@ -1,5 +1,4 @@
 export * from './ToggleButton';
-export * from './LabeledToggle';
 export * from './LabeledButton';
 export * from './LabeledCheckbox';
 export * from './LabeledRadioGroup';

package/lib/forms/DeprecatedCheckboxField.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps, ChangeEventHandler } from 'react';
+import type { ChangeEventHandler, ComponentProps } from 'react';
 /**
  * Checkbox Field Properties.
  */

package/lib/forms/SelectField.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { ActionMeta } from 'react-select';
-import type { SelectProps } from './Select';
 import type { SelectOption } from '.';
+import type { SelectProps } from './Select';
 export interface SelectFieldProps {
     /** optional HTML id for container */
     id?: SelectProps['id'];

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

@@ -1,7 +1,7 @@
 import { Module } from '../Module';
 import type { ComponentProps, ReactNode } from 'react';
-import type { Svg } from '../../primitives';
 import type { DeckConfiguration, LabwareDefinition2, LabwareLocation, ModuleLocation, ModuleModel, RobotType } from '@opentrons/shared-data';
+import type { Svg } from '../../primitives';
 import type { WellFill, WellGroup } from '../Labware';
 export interface LabwareOnDeck {
     labwareLocation: LabwareLocation;
@@ -27,7 +27,19 @@ export interface ModuleOnDeck {
     highlightLabware?: boolean;
     highlightShadowLabware?: boolean;
     stacked?: boolean;
+    hopperLabware?: HopperLabwareProps;
+}
+export interface HopperLabwareProps {
+    hopperLabwareDef: LabwareDefinition2 | null;
+    hopperLabwareWellFill: WellFill;
+    hopperOnLabwareClick: () => void;
+    hopperHighlightLabware: boolean;
+    hopperStacked: boolean;
 }
+export declare const STACKER_MODULE_Y_OFFSET = -6;
+export declare const STACKER_HOPPER_LABWARE_X_OFFSET = 178.5;
+export declare const STACKER_HOPPER_LABWARE_Y_OFFSET = 7;
+export declare const STACKER_DECK_VIEW_BOX_EXPANSION = 220;
 interface BaseDeckProps {
     deckConfig: DeckConfiguration;
     robotType: RobotType;

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

@@ -1,5 +1,5 @@
-import type { WASTE_CHUTE_CUTOUT, DeckDefinition, ModuleType } from '@opentrons/shared-data';
 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;

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

@@ -1,5 +1,5 @@
-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;

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { StyleProps } from '../../primitives';
 import type { DeckDefinition, DeckSlot } from '@opentrons/shared-data';
+import type { StyleProps } from '../../primitives';
 export interface RobotWorkSpaceRenderProps {
     deckSlotsById: {
         [slotId: string]: DeckSlot;

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

@@ -1,6 +1,6 @@
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
-import type { HighlightedWellLabels, WellMouseEvent, WellFill, WellStroke } from './labwareInternals/types';
 import type { RefObject } from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { HighlightedWellLabels, WellFill, WellMouseEvent, WellStroke } from './labwareInternals/types';
 export interface LabwareProps {
     /** Labware definition to render */
     definition: LabwareDefinition2;

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 { CSSProperties } from 'styled-components';
-import type { LabwareDefinition2 } from '@opentrons/shared-data';
-import type { HighlightedWellLabels, WellMouseEvent, WellFill, WellStroke, WellGroup } from './labwareInternals/types';
 import type { RefObject } from 'react';
+import type { LabwareDefinition2 } 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";
     readonly SHOW_LABEL_OUTSIDE: "SHOW_LABEL_OUTSIDE";

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,5 +1,5 @@
-import type { MemoExoticComponent } from 'react';
 import type { CSSProperties } from 'styled-components';
+import type { MemoExoticComponent } from 'react';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
 export interface FilledWellsProps {
     definition: LabwareDefinition2;

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

@@ -1,7 +1,7 @@
+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;

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

@@ -1,5 +1,5 @@
-import type { MemoExoticComponent } from 'react';
 import type { CSSProperties } from 'styled-components';
+import type { MemoExoticComponent } from 'react';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
 export interface StrokedWellProps {
     definition: LabwareDefinition2;

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

@@ -1,7 +1,7 @@
 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;

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

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

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

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

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

@@ -1,6 +1,6 @@
-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';

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/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/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' | 'stacked';
+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;

package/lib/instrument/index.d.ts

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

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

@@ -1,4 +1,4 @@
-import type { ModuleModel, DeckSlot } from '@opentrons/shared-data';
+import type { DeckSlot, ModuleModel } from '@opentrons/shared-data';
 export interface ModuleProps {
     /** module model */
     model: ModuleModel;

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

@@ -1,6 +1,6 @@
 import type { MouseEventHandler, ReactNode } from 'react';
-import type { StyleProps } from '../../primitives';
 import type { IconProps } from '../../icons';
+import type { StyleProps } from '../../primitives';
 export type BannerType = 'success' | 'warning' | 'error' | 'updating' | 'informing';
 export interface BannerProps extends StyleProps {
     /** name constant of the icon to display */

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

@@ -1,5 +1,5 @@
-import type { FocusEventHandler } from 'react';
 import type { FlattenSimpleInterpolation } from 'styled-components';
+import type { FocusEventHandler } from 'react';
 export interface DropdownOption {
     /** dropdown option name */
     name: string;

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

@@ -1,5 +1,5 @@
-type LiquidIconSize = 'small' | 'medium';
-interface LiquidIconProps {
+type LiquidIconSize = 'xSmall' | 'small' | 'medium';
+export interface LiquidIconProps {
     color: string;
     size?: LiquidIconSize;
     onClick?: () => void;

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

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

package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getFlexStackerCommandText.test.d.ts

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

package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getRobotCommandText.test.d.ts

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

package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getAbsorbanceReaderCommandText.d.ts

@@ -1,4 +1,4 @@
-import type { AbsorbanceReaderOpenLidRunTimeCommand, AbsorbanceReaderCloseLidRunTimeCommand, AbsorbanceReaderInitializeRunTimeCommand, AbsorbanceReaderReadRunTimeCommand, RunTimeCommand } from '@opentrons/shared-data';
+import type { AbsorbanceReaderCloseLidRunTimeCommand, AbsorbanceReaderInitializeRunTimeCommand, AbsorbanceReaderOpenLidRunTimeCommand, AbsorbanceReaderReadRunTimeCommand, RunTimeCommand } from '@opentrons/shared-data';
 import type { HandlesCommands } from '../types';
 export type AbsorbanceCreateCommand = AbsorbanceReaderOpenLidRunTimeCommand | AbsorbanceReaderCloseLidRunTimeCommand | AbsorbanceReaderInitializeRunTimeCommand | AbsorbanceReaderReadRunTimeCommand;
 declare const KEYS_BY_COMMAND_TYPE: {

package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getFlexStackerCommandText.d.ts

@@ -1,9 +1,12 @@
-import type { FlexStackerSetStoredLabwareRunTimeCommand, FlexStackerStoreRunTimeCommand, FlexStackerRetrieveRunTimeCommand, FlexStackerFillRunTimeCommand, FlexStackerEmptyRunTimeCommand, RunTimeCommand } from '@opentrons/shared-data';
+import type { FlexStackerEmptyRunTimeCommand, FlexStackerFillRunTimeCommand, FlexStackerRetrieveRunTimeCommand, FlexStackerSetStoredLabwareRunTimeCommand, FlexStackerStoreRunTimeCommand, RunTimeCommand } from '@opentrons/shared-data';
 import type { HandlesCommands } from '../types';
 export type FlexStackerCommand = FlexStackerSetStoredLabwareRunTimeCommand | FlexStackerStoreRunTimeCommand | FlexStackerRetrieveRunTimeCommand | FlexStackerFillRunTimeCommand | FlexStackerEmptyRunTimeCommand;
+export declare const KEYS_BY_COMMAND_TYPE: {
+    [commandType in FlexStackerCommand['commandType']]: string;
+};
 type HandledCommands = Extract<RunTimeCommand, {
-    commandType: FlexStackerCommand;
+    commandType: keyof typeof KEYS_BY_COMMAND_TYPE;
 }>;
 type GetFlexStackerCommandText = HandlesCommands<HandledCommands>;
-export declare const getFlexStackerCommandText: ({ command, t, }: GetFlexStackerCommandText) => string;
+export declare const getFlexStackerCommandText: ({ command, allRunDefs, commandTextData, t, robotType, }: GetFlexStackerCommandText) => string;
 export {};

package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getRobotCommandText.d.ts

@@ -0,0 +1,4 @@
+import type { RobotCloseGripperJawRunTimeCommand, RobotMoveAxesRelativeRunTimeCommand, RobotMoveAxesToRunTimeCommand, RobotMoveToRunTimeCommand, RobotOpenGripperJawRunTimeCommand } from '@opentrons/shared-data';
+import type { HandlesCommands } from '../../';
+export type SupportedCommands = RobotMoveToRunTimeCommand | RobotMoveAxesToRunTimeCommand | RobotMoveAxesRelativeRunTimeCommand | RobotOpenGripperJawRunTimeCommand | RobotCloseGripperJawRunTimeCommand;
+export declare const getRobotCommandText: ({ command, t, }: HandlesCommands<SupportedCommands>) => string;