@opentrons/components 0.1.5-alpha.4 → 0.1.6-alpha.10

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

@@ -3,9 +3,13 @@
  * Position is relative to deck definition slot positions and a custom stroke applied to the single slot fixture SVG
  */
 export declare const FIXTURE_HEIGHT = 102;
-export declare const SINGLE_SLOT_FIXTURE_WIDTH = 243.5;
+export declare const THERMOCYCLER_FIXTURE_HEIGHT = 290;
+export declare const COLUMN_1_SINGLE_SLOT_FIXTURE_WIDTH = 243.5;
+export declare const COLUMN_2_SINGLE_SLOT_FIXTURE_WIDTH = 159;
+export declare const COLUMN_3_SINGLE_SLOT_FIXTURE_WIDTH = 243.5;
 export declare const STAGING_AREA_FIXTURE_WIDTH = 314.5;
 export declare const COLUMN_1_X_ADJUSTMENT = -100;
+export declare const COLUMN_2_X_ADJUSTMENT = -15.5;
 export declare const COLUMN_3_X_ADJUSTMENT = -15.5;
 export declare const Y_ADJUSTMENT = -8;
 export declare const STAGING_AREA_DISPLAY_NAME = "Staging area";
@@ -13,3 +17,4 @@ export declare const TRASH_BIN_DISPLAY_NAME = "Trash bin";
 export declare const WASTE_CHUTE_DISPLAY_NAME = "Waste chute";
 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;

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

@@ -1,14 +1,20 @@
-import * as React from 'react';
-import type { CutoutId, DeckConfiguration } from '@opentrons/shared-data';
+import type * as React from 'react';
+import type { CutoutFixtureId, CutoutId, DeckConfiguration } from '@opentrons/shared-data';
 interface DeckConfiguratorProps {
     deckConfig: DeckConfiguration;
     handleClickAdd: (cutoutId: CutoutId) => void;
-    handleClickRemove: (cutoutId: CutoutId) => void;
+    handleClickRemove: (cutoutId: CutoutId, cutoutFixtureId: CutoutFixtureId) => void;
     lightFill?: string;
     darkFill?: string;
-    readOnly?: boolean;
+    editableCutoutIds?: CutoutId[];
     showExpansion?: boolean;
     children?: React.ReactNode;
+    additionalStaticFixtures?: Array<{
+        location: CutoutId;
+        label: string;
+    }>;
+    height?: string;
+    selectedCutoutId?: CutoutId;
 }
 export declare function DeckConfigurator(props: DeckConfiguratorProps): JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { DeckSlot, RobotType } from '@opentrons/shared-data';
 interface LegacyDeckSlotLocationProps extends React.SVGProps<SVGGElement> {
     robotType: RobotType;

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

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { HighlightedWellLabels, WellMouseEvent, WellFill, WellStroke } from './labwareInternals/types';
+export interface LabwareProps {
+    /** Labware definition to render */
+    definition: LabwareDefinition2;
+    /** Opional Prop for labware on heater shakers sitting on right side of the deck */
+    shouldRotateAdapterOrientation?: boolean;
+    /** boolean to show well labels */
+    showLabels?: boolean;
+    /** color to render well labels */
+    wellLabelColor?: string;
+    /** option to highlight well labels with specified color */
+    highlightedWellLabels?: HighlightedWellLabels;
+    /** CSS color to fill specified wells */
+    wellFill?: WellFill;
+    /** CSS color to stroke specified wells */
+    wellStroke?: WellStroke;
+    /** adds thicker blue border with blur to labware */
+    highlight?: boolean;
+    /** Optional callback, called with WellMouseEvent args onMouseEnter */
+    onMouseEnterWell?: (e: WellMouseEvent) => unknown;
+    /** Optional callback, called with WellMouseEvent args onMouseLeave */
+    onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
+    gRef?: React.RefObject<SVGGElement>;
+    onLabwareClick?: () => void;
+    /** Hide labware outline */
+    hideOutline?: boolean;
+    /** Provides well data attribute */
+    isInteractive?: boolean;
+}
+/**
+ * a refactor of the legacy LabwareRender component intended to provide predictable styling
+ * initial use in ODD well selection component with ODD-specific well label styling
+ * consider adding additional styled wells props if used elsewhere
+ * @param props
+ * @returns
+ */
+export declare const Labware: (props: LabwareProps) => JSX.Element;

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

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

@@ -0,0 +1 @@
+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/index.d.ts

@@ -3,17 +3,25 @@ import { Opentrons96FlatBottomAdapter } from './Opentrons96FlatBottomAdapter';
 import { OpentronsUniversalFlatAdapter } from './OpentronsUniversalFlatAdapter';
 import { OpentronsAluminumFlatBottomPlate } from './OpentronsAluminumFlatBottomPlate';
 import { OpentronsFlex96TiprackAdapter } from './OpentronsFlex96TiprackAdapter';
+import { OpentronsToughPCRAutoSealingLid } from './OpentronsToughPCRAutoSealingLid';
+import { OpentronsAutoclavableDeckRiser } from './OpentronsAutoclavableDeckRiser';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
 declare const LABWARE_ADAPTER_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_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 interface LabwareAdapterProps {
     labwareLoadName: LabwareAdapterLoadName;
+    definition?: LabwareDefinition2;
+    highlight?: boolean;
+    highlightShadow?: boolean;
 }
 export declare const LabwareAdapter: (props: LabwareAdapterProps) => JSX.Element | null;
 export {};

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
+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 { CSSProperties } from 'styled-components';
 export declare const WELL_LABEL_OPTIONS: {
     readonly SHOW_LABEL_INSIDE: "SHOW_LABEL_INSIDE";
     readonly SHOW_LABEL_OUTSIDE: "SHOW_LABEL_OUTSIDE";
@@ -32,11 +32,15 @@ export interface LabwareRenderProps {
     labwareStroke?: CSSProperties['stroke'];
     /** adds thicker blue border with blur to labware */
     highlight?: boolean;
+    /** adds a drop shadow to the highlight border */
+    highlightShadow?: boolean;
     /** Optional callback, called with WellMouseEvent args onMouseEnter */
     onMouseEnterWell?: (e: WellMouseEvent) => unknown;
     /** Optional callback, called with WellMouseEvent args onMouseLeave */
     onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
     gRef?: React.RefObject<SVGGElement>;
     onLabwareClick?: () => void;
+    showBorder?: boolean;
+    strokeColor?: string;
 }
 export declare const LabwareRender: (props: LabwareRenderProps) => JSX.Element;

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

@@ -0,0 +1,20 @@
+import type * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { HighlightedWellLabels } from './labwareInternals/types';
+import type { WellLabelOption } from '../..';
+export interface LabwareStackRenderProps {
+    /** Labware definitions in stack to render */
+    definitionTop: LabwareDefinition2;
+    /** option to highlight well labels with specified color */
+    highlightedWellLabels?: HighlightedWellLabels;
+    /** highlight top labware */
+    highlightTop: boolean;
+    /** highlight bottom labware if it exists */
+    highlightBottom: boolean;
+    gRef?: React.RefObject<SVGGElement>;
+    definitionBottom?: LabwareDefinition2 | null;
+    shouldRotateAdapterOrientation?: boolean;
+    /** option to show well labels inside or outside of labware outline */
+    wellLabelOption?: WellLabelOption;
+}
+export declare const LabwareStackRender: (props: LabwareStackRenderProps) => JSX.Element;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

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

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

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

@@ -1,3 +1,5 @@
-export * from './labwareInternals';
+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

@@ -4,6 +4,7 @@ import type { CSSProperties } from 'styled-components';
 export interface FilledWellsProps {
     definition: LabwareDefinition2;
     fillByWell: Record<string, CSSProperties['fill']>;
+    strokeColor?: string;
 }
 declare function FilledWellsComponent(props: FilledWellsProps): JSX.Element;
 export declare const FilledWells: React.MemoExoticComponent<typeof FilledWellsComponent>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CSSProperties } from 'styled-components';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
 export interface LabwareOutlineProps {
@@ -12,7 +11,11 @@ export interface LabwareOutlineProps {
     isTiprack?: boolean;
     /** adds thicker blue border with blur to labware, defaults to false */
     highlight?: boolean;
+    /** adds a drop shadow to the highlight border */
+    highlightShadow?: boolean;
     /** [legacy] override the border color */
     stroke?: CSSProperties['stroke'];
+    fill?: CSSProperties['fill'];
+    showRadius?: boolean;
 }
 export declare function LabwareOutline(props: LabwareOutlineProps): JSX.Element;

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { HighlightedWellLabels } from './types';
+interface LabwareWellLabelsProps {
+    definition: LabwareDefinition2;
+    highlightedWellLabels?: HighlightedWellLabels;
+    wellLabelColor?: string;
+}
+export declare function LabwareWellLabelsComponent(props: LabwareWellLabelsProps): JSX.Element;
+/**
+ * for use in Labware.tsx component
+ * has ODD-specific styling
+ */
+export declare const LabwareWellLabels: React.MemoExoticComponent<typeof LabwareWellLabelsComponent>;
+export {};

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

@@ -1,17 +1,25 @@
 import * as React from 'react';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
-import type { WellMouseEvent } from './types';
+import type { WellMouseEvent, WellStroke } from './types';
+import type { CSSProperties } from 'styled-components';
 export interface StaticLabwareProps {
     /** Labware definition to render */
     definition: LabwareDefinition2;
     /** Add thicker blurred blue border to labware, defaults to false */
     highlight?: boolean;
+    /** adds a drop shadow to the highlight border */
+    highlightShadow?: boolean;
     /** Optional callback to be executed when entire labware element is clicked */
     onLabwareClick?: () => void;
     /** Optional callback to be executed when mouse enters a well element */
     onMouseEnterWell?: (e: WellMouseEvent) => unknown;
     /** Optional callback to be executed when mouse leaves a well element */
     onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
+    fill?: CSSProperties['fill'];
+    showRadius?: boolean;
+    wellStroke?: WellStroke;
+    /** optional show of labware border, defaulted to true */
+    showBorder?: boolean;
 }
 export declare function StaticLabwareComponent(props: StaticLabwareProps): JSX.Element;
 export declare const StaticLabware: React.MemoExoticComponent<typeof StaticLabwareComponent>;

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

@@ -2,7 +2,6 @@ import * as React from 'react';
 import type { LabwareWell } from '@opentrons/shared-data';
 import type { WellMouseEvent } from './types';
 import type { StyleProps } from '../../../primitives';
-export declare const INTERACTIVE_WELL_DATA_ATTRIBUTE = "data-wellname";
 export interface WellProps extends StyleProps {
     /** Well Name (eg 'A1') */
     wellName: string;
@@ -14,6 +13,8 @@ export interface WellProps extends StyleProps {
     /** Optional callback, called with WellMouseEvent args onMouseOver */
     onMouseEnterWell?: (e: WellMouseEvent) => unknown;
     onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
+    /** Provides well data attribute */
+    isInteractive?: boolean;
 }
 export declare function WellComponent(props: WellProps): JSX.Element;
 export declare const Well: React.MemoExoticComponent<typeof WellComponent>;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { WellLabelOption } from '../LabwareRender';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { WellLabelOption } from '../LabwareRender';
 import type { HighlightedWellLabels } from './types';
 export interface WellLabelsProps {
     definition: LabwareDefinition2;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

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

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

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

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

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

@@ -4,3 +4,5 @@ export * from './StrokedWells';
 export * from './WellLabels';
 export * from './FilledWells';
 export * from './LabwareOutline';
+export * from './Well';
+export * from './LabwareWellLabels';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface WellMouseEvent {
     wellName: string;
     event: React.MouseEvent;

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/ModuleTag.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface ModuleTagProps {
     x: number;
     y: number;

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

@@ -0,0 +1 @@
+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,5 +1,4 @@
-/// <reference types="react" />
-import { ThermocyclerModuleModel } from '@opentrons/shared-data';
+import type { ThermocyclerModuleModel } from '@opentrons/shared-data';
 export interface ThermocyclerVizProps {
     lidMotorState: 'open' | 'closed' | 'unknown';
     blockTargetTemp?: number | null;

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { ModuleDefinition } from '@opentrons/shared-data';
+import type * as React from 'react';
 import { Thermocycler } from './Thermocycler';
 import { HeaterShaker } from './HeaterShaker';
 import { Temperature } from './Temperature';
+import type { ModuleDefinition } from '@opentrons/shared-data';
 export * from './Thermocycler';
 interface Props {
     x: number;

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

@@ -1,4 +1,4 @@
-import { LabwareDefinition2, PipetteName } from '@opentrons/shared-data';
+import type { LabwareDefinition2, PipetteName } from '@opentrons/shared-data';
 interface PipetteRenderProps {
     labwareDef: LabwareDefinition2;
     pipetteName: PipetteName;

package/lib/hardware-sim/ProtocolDeck/LabwareInfo.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { LabwareDefinition2 } from '@opentrons/shared-data';
+import type * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
 export declare function LabwareInfo(props: {
     def: LabwareDefinition2;
     children: React.ReactNode;

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

@@ -1,11 +1,13 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { BaseDeck } from '../BaseDeck';
-import type { CompletedProtocolAnalysis, ProtocolAnalysisOutput } from '@opentrons/shared-data';
+import type { CompletedProtocolAnalysis, LabwareDefinition2, ProtocolAnalysisOutput } from '@opentrons/shared-data';
 export * from './utils/getStandardDeckViewLayerBlockList';
 interface ProtocolDeckProps {
     protocolAnalysis: CompletedProtocolAnalysis | ProtocolAnalysisOutput | null;
     /** defaults to false, when set labware nicknames will appear on top level labware. If no nickname specified in protocol, falls back to labware definition display name */
     showLabwareInfo?: boolean;
+    /** optional labware click handler, highlights labware */
+    handleLabwareClick?: (labwareDef: LabwareDefinition2, labwareId: string) => void;
     /** extra props to pass through to BaseDeck component */
     baseDeckProps?: Partial<React.ComponentProps<typeof BaseDeck>>;
 }

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

@@ -1,2 +1,3 @@
 export * from './getLabwareInSlots';
 export * from './getStandardDeckViewLayerBlockList';
+export * from './getLabwareInfoByLiquidId';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { Svg } from '../../primitives';
 interface RobotCoordinateSpaceProps extends React.ComponentProps<typeof Svg> {
     animated?: boolean;

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

@@ -0,0 +1,16 @@
+import { Svg } from '../../primitives';
+import type { ReactNode } from 'react';
+import type { DeckDefinition, DeckSlot } from '@opentrons/shared-data';
+export interface RobotCoordinateSpaceWithRefRenderProps {
+    deckSlotsById: {
+        [slotId: string]: DeckSlot;
+    };
+}
+interface RobotCoordinateSpaceWithRefProps extends React.ComponentProps<typeof Svg> {
+    viewBox?: string | null;
+    deckDef?: DeckDefinition;
+    zoomed?: boolean;
+    children?: (props: RobotCoordinateSpaceWithRefRenderProps) => ReactNode;
+}
+export declare function RobotCoordinateSpaceWithRef(props: RobotCoordinateSpaceWithRefProps): JSX.Element | null;
+export {};

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

@@ -1,2 +1,2 @@
-export * from './RobotCoordinateSpaceWithDOMCoords';
+export * from './RobotCoordinateSpaceWithRef';
 export * from './RobotCoordinateSpace';

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

@@ -1,3 +1,3 @@
-import { AffineTransformMatrix } from '@opentrons/shared-data';
+import type { AffineTransformMatrix } from '@opentrons/shared-data';
 export declare const IDENTITY_AFFINE_TRANSFORM: AffineTransformMatrix;
 export declare function multiplyMatrices(a: number[][], b: number[][]): number[][];

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

@@ -0,0 +1,26 @@
+/**
+ * Constants
+ */
+export declare const borderRadius2 = "2px";
+export declare const borderRadius4 = "4px";
+export declare const borderRadius8 = "8px";
+export declare const borderRadius12 = "12px";
+export declare const borderRadius16 = "16px";
+export declare const borderRadius40 = "40px";
+export declare const borderRadiusFull = "200px";
+/**
+ * Styles
+ */
+export declare const styleSolid = "solid";
+/**
+ * Special-case borders
+ */
+export declare const activeLineBorder = "1px solid #006CFA";
+export declare const lineBorder = "1px solid #DEDEDE";
+/**
+ * Shadows
+ */
+export declare const smallDropShadow = "0px 3px 6px rgba(0, 0, 0, 0.23)";
+export declare const tinyDropShadow = "0px 1px 3px 0px rgba(0, 0, 0, .33)";
+export declare const shadowBig = "0px 3px 6px rgba(0,0,0,0.23)";
+export declare const shadowSmall = "0px 0px 40px rgba(0,0,0,0.4)";

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

@@ -65,6 +65,17 @@ export declare const black80 = "#24313F";
 export declare const black70 = "#39495B";
 export declare const white = "#FFFFFF";
 export declare const blue50 = "#006CFA";
+/**
+ * Semi-opaques
+ * */
+export declare const transparentWhite80 = "#FFFFFFCC";
+export declare const transparentWhite50 = "#FFFFFF80";
+export declare const transparentBlack80 = "#16212D80";
+/**
+ * flex
+ */
+export declare const flex55 = "#0297CC";
+export declare const flex50 = "#00BDFF";
 /**
  * extras
  */

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

@@ -1 +1,4 @@
 export * as COLORS from './colors';
+export * as BORDERS from './borders';
+export * as PRODUCT from './product';
+export * as STYLE from './style';

package/lib/helix-design-system/product/index.d.ts

@@ -0,0 +1 @@
+export * as TYPOGRAPHY from './typography';

package/lib/helix-design-system/product/typography.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Note: these values are only currently correct for desktop and should not be used on ODD.
+ */
+export declare const fontFamily = "Public Sans";
+export declare const fontWeightRegular = "400";
+export declare const fontWeightSemiBold = "600";
+export declare const fontWeightBold = "700";
+export declare const fontSizeDisplayBold = "2.4375rem";
+export declare const lineHeightDisplayBold = "3rem";
+export declare const fontFamilyDisplayBold = "Public Sans";
+export declare const fontWeightDisplayBold = "700";
+export declare const fontStyleDisplayBold = "700 2.4375rem/3rem Public Sans";
+export declare const fontFamilyHeadingLargeRegular = "Public Sans";
+export declare const fontSizeHeadingLargeRegular = "1.625rem";
+export declare const lineHeightHeadingLargeRegular = "2rem";
+export declare const fontWeightHeadingLargeRegular = "400";
+export declare const fontStyleHeadingLargeRegular = "400 1.625rem/2rem Public Sans";
+export declare const fontFamilyHeadingLargeBold = "Public Sans";
+export declare const fontSizeHeadingLargeBold = "1.625rem";
+export declare const lineHeightHeadingLargeBold = "2rem";
+export declare const fontWeightHeadingLargeBold = "700";
+export declare const fontStyleHeadingLargeBold = "700 1.625rem/2rem Public Sans";
+export declare const fontSizeHeadingMediumSemiBold = "1.4375rem";
+export declare const lineHeightHeadingMediumSemiBold = "1.75rem";
+export declare const fontFamilyHeadingMediumSemiBold = "Public Sans";
+export declare const fontWeightHeadingMediumSemiBold = "600";
+export declare const fontStyleHeadingMediumSemiBold = "600 1.4375rem/1.75rem Public Sans";
+export declare const fontStyleHeadingMediumBold = "700 1.4375rem/1.75rem Public Sans";
+export declare const fontSizeHeadingSmallRegular = "1.125rem";
+export declare const lineHeightHeadingSmallRegular = "1.5rem";
+export declare const fontFamilyHeadingSmallRegular = "Public Sans";
+export declare const fontWeightHeadingSmallRegular = "400";
+export declare const fontStyleHeadingSmallRegular = "400 1.125rem/1.5rem Public Sans";
+export declare const fontSizeHeadingSmallBold = "1.125rem";
+export declare const lineHeightHeadingSmallBold = "1.5rem";
+export declare const fontFamilyHeadingSmallBold = "Public Sans";
+export declare const fontWeightHeadingSmallBold = "700";
+export declare const fontStyleHeadingSmallBold = "700 1.125rem/1.5rem Public Sans";
+export declare const fontStyleHeadingSmallSemiBold = "600 1.125rem/1.5rem Public Sans";
+export declare const fontSizeBodyLargeSemiBold = "1rem";
+export declare const lineHeightBodyLargeSemiBold = "1.5rem";
+export declare const fontFamilyBodyLargeSemiBold = "Public Sans";
+export declare const fontWeightBodyLargeSemiBold = "600";
+export declare const fontStyleBodyLargeSemiBold = "600 1rem/1.5rem Public Sans";
+export declare const fontSizeBodyLargeRegular = "1rem";
+export declare const lineHeightBodyLargeRegular = "1.5rem";
+export declare const fontFamilyBodyLargeRegular = "Public Sans";
+export declare const fontWeightBodyLargeRegular = "400";
+export declare const fontStyleBodyLargeRegular = "400 1rem/1.5rem Public Sans";
+export declare const fontSizeBodyDefaultSemiBold = "0.875rem";
+export declare const lineHeightBodyDefaultSemiBold = "1.25rem";
+export declare const fontFamilyBodyDefaultSemiBold = "Public Sans";
+export declare const fontWeightBodyDefaultSemiBold = "600";
+export declare const fontStyleBodyDefaultSemiBold = "600 0.875rem/1.25rem Public Sans";
+export declare const fontSizeBodyDefaultRegular = "0.875rem";
+export declare const lineHeightBodyDefaultRegular = "1.25rem";
+export declare const fontFamilyBodyDefaultRegular = "Public Sans";
+export declare const fontWeightBodyDefaultRegular = "400";
+export declare const fontStyleBodyDefaultRegular = "400 0.875rem/1.25rem Public Sans";
+export declare const fontSizeCaptionBold = "0.8125rem";
+export declare const lineHeightCaptionBold = "1rem";
+export declare const fontFamilyCaptionBold = "Public Sans";
+export declare const fontWeightCaptionBold = "700";
+export declare const fontStyleCaptionBold = "700 0.8125rem/1rem Public Sans";
+export declare const fontSizeCaptionSemiBold = "0.8125rem";
+export declare const lineHeightCaptionSemiBold = "1rem";
+export declare const fontFamilyCaptionSemiBold = "Public Sans";
+export declare const fontWeightCaptionSemiBold = "600";
+export declare const fontStyleCaptionSemiBold = "600 0.8125rem/1rem Public Sans";
+export declare const fontSizeCaptionRegular = "0.8125rem";
+export declare const lineHeightCaptionRegular = "1rem";
+export declare const fontFamilyCaptionRegular = "Public Sans";
+export declare const fontWeightCaptionRegular = "400";
+export declare const fontStyleCaptionRegular = "400 0.8125rem/1rem Public Sans";
+export declare const fontSizeCodeRegular = "0.8125rem";
+export declare const lineHeightCodeRegular = "1.25rem";
+export declare const fontFamilyCodeRegular = "Reddit Mono";
+export declare const fontWeightCodeRegular = "400";
+export declare const fontStyleCodeRegular = "400 0.8125rem/1.25rem Reddit Mono";

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

@@ -0,0 +1 @@
+export declare const floatDropShadow = "box-shadow: 0px 0px 6px 6px rgba(22, 33, 45, 0.25);";

package/lib/hooks/__tests__/useConditionalConfirm.test.d.ts

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

package/lib/hooks/__tests__/useInterval.test.d.ts

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

package/lib/hooks/__tests__/useMountEffect.test.d.ts

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