@opentrons/components 0.3.8-alpha.0 → 0.3.9-alpha.0

package/README.md

@@ -8,7 +8,7 @@
 
 ## Version
 
-`0.3.8-alpha.0`
+`0.3.9-alpha.0`
 
 ## License
 

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IconName } from '../../icons';
 import type { StyleProps } from '../../primitives';
 export type ChipType = 'error' | 'info' | 'neutral' | 'success' | 'warning';

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function FixedTrashText(): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DropdownMenuProps } from '../../../molecules/DropdownMenu';
 import type { TagProps } from '../../Tag/index';
 interface ListItemCustomizeProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ListItemDescriptorProps {
     /** ListItemDescriptor size type */
     type: 'default' | 'large';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SliderProps {
     /** Value of slider as percentage */
     value: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StyleProps } from '../../primitives';
 export interface SnackbarProps extends StyleProps {
     message: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface StorageBarProps {
     percentUsed: number;
     label: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IconName } from '../../icons';
 import type { LiquidIconProps } from '../../molecules/LiquidIcon';
 export type TagType = 'default' | 'interactive' | 'branded' | 'onColor' | 'flex';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IconProps } from '../../icons';
 import type { StyleProps } from '../../primitives';
 export declare const SUCCESS_TOAST: 'success';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IconName } from '../../index';
 interface EmptySelectorButtonProps {
     onClick: () => void;

package/lib/atoms/buttons/{AltPrimaryButton.d.ts → PrimaryButton/AltPrimaryButton.d.ts}

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

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

@@ -0,0 +1,2 @@
+import type { StyledComponent } from 'styled-components';
+export declare const DefaultPrimaryButton: StyledComponent<any, any>;

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

@@ -0,0 +1,3 @@
+import type { ComponentProps, FC } from 'react';
+import type { StyleProps } from '../../../primitives/types';
+export declare const WarningPrimaryButton: FC<ComponentProps<'button'> & StyleProps>;

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

@@ -0,0 +1,16 @@
+import { AltPrimaryButton } from './AltPrimaryButton';
+import { DefaultPrimaryButton } from './DefaultPrimaryButton';
+import { WarningPrimaryButton } from './WarningPrimaryButton';
+import type { ComponentProps } from 'react';
+interface DefaultProps extends ComponentProps<typeof DefaultPrimaryButton> {
+    variant?: 'default';
+}
+interface AltProps extends ComponentProps<typeof AltPrimaryButton> {
+    variant: 'alt';
+}
+interface WarningProps extends ComponentProps<typeof WarningPrimaryButton> {
+    variant: 'warning';
+}
+type Props = DefaultProps | AltProps | WarningProps;
+export declare function PrimaryButton(props: Props): JSX.Element;
+export {};

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

@@ -1,4 +1,3 @@
-export * from './AlertPrimaryButton';
 export * from './BasicButton';
 export * from './EmptySelectorButton';
 export * from './LargeButton';

package/lib/buttons/DeprecatedPrimaryButton.d.ts

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

package/lib/buttons/FlatButton.d.ts

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

package/lib/buttons/IconButton.d.ts

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

package/lib/buttons/OutlineButton.d.ts

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

package/lib/forms/Select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { components as reactSelectComponents } from 'react-select';
 import type { Props as ReactSelectProps } from 'react-select';
 import type { POSITION_ABSOLUTE, POSITION_FIXED } from '../styles';

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function StackedBadge(): JSX.Element;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="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';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function FixedBase(): JSX.Element;
 interface FixedTrashProps {
     highlight?: boolean;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LabwareDefinition } from '@opentrons/shared-data';
 interface CalibrationBlockRenderProps {
     /**

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface GenericLidProps {
     lidDimensions: {
         xDimension: number;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function Opentrons96DeepWellAdapter(): JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function Opentrons96FlatBottomAdapter(): JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function OpentronsAluminumFlatBottomPlate(): JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function OpentronsAutoclavableDeckRiser(): JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function OpentronsFlex96TiprackAdapter(): JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function OpentronsToughPCRAutoSealingLid(): JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function OpentronsUniversalFlatAdapter(): JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function OpentronsUniversalFlatAdapterTypeB(): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface OpentronsVacuumManifoldCollarProps {
     lidDimensions: {
         xDimension: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface OpentronsVacuumManifoldSpacerProps {
     lidDimensions: {
         xDimension: number;

package/lib/hardware-sim/Labware/labwareInternals/Tips/InaccessibleTip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function InaccessibleTip(props: {
     size?: string;
 }): JSX.Element;

package/lib/hardware-sim/Labware/labwareInternals/Tips/NewTip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function NewTip(props: {
     wellName: string;
     size?: string;

package/lib/hardware-sim/Labware/labwareInternals/Tips/TipStatus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LabwareWellMap } from '@opentrons/shared-data';
 import type { TipType } from '../types';
 interface TipStatusProps {

package/lib/hardware-sim/Labware/labwareInternals/Tips/UsedTip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function UsedTip(props: {
     wellName: string;
     size?: string;

package/lib/hardware-sim/Labware/labwareInternals/Wells/EmptyWell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LabwareWellMap } from '@opentrons/shared-data';
 import type { ParentType } from '../types';
 interface EmptyWellProps {

package/lib/hardware-sim/Labware/labwareInternals/Wells/SelectedWell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LabwareWellMap } from '@opentrons/shared-data';
 interface SelectedWellProps {
     wellMap: LabwareWellMap;

package/lib/hardware-sim/Labware/labwareInternals/Wells/WellStatus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LabwareWellMap } from '@opentrons/shared-data';
 import type { ParentType, WellType } from '../types';
 interface WellStatusProps {

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function FlexStacker(): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface HeaterShakerVizProps {
     targetTemp: number | null;
 }

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function MagneticBlock(): JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function MagneticModule(): JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function PlateReader(): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TemperatureVizProps {
     targetTemperature: number | null;
 }

package/lib/hardware-sim/Module/Thermocycler/ThermocyclerGEN1.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ThermocyclerGEN1Props {
     lidMotorState: 'open' | 'closed';
     ledLightColor: string;

package/lib/hardware-sim/Module/Thermocycler/ThermocyclerGEN2.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ThermocyclerGEN2Props {
     lidMotorState: 'open' | 'closed';
     ledLightColor: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ThermocyclerModuleModel } from '@opentrons/shared-data';
 export interface ThermocyclerVizProps {
     lidMotorState: 'open' | 'closed' | 'unknown';

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function Vacuum(): JSX.Element;

package/lib/hooks/useSelectDeckLocation/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CutoutConfig, DeckDefinition, ModuleLocation, RobotType } from '@opentrons/shared-data';
 export type DeckLocationSelectThemes = 'default' | 'grey';
 export declare function useDeckLocationSelect(robotType: RobotType, theme?: DeckLocationSelectThemes): {

package/lib/icons/ModuleIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ModuleType } from '@opentrons/shared-data';
 export type ModuleIconName = 'ot-magnet-v2' | 'ot-heater-shaker' | 'ot-temperature-v2' | 'ot-magnet-v2' | 'ot-thermocycler' | 'ot-absorbance' | 'ot-flex-stacker' | 'ot-vacuum';
 export declare const MODULE_ICON_NAME_BY_TYPE: {

package/lib/icons/NotificationIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IconName, IconProps } from './Icon';
 export interface NotificationIconProps extends IconProps {
     /** name constant of the optional notifcation icon to display */