@opentrons/components 0.1.6-alpha.17 → 0.1.6-alpha.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentrons/components",
-  "version": "0.1.6-alpha.17",
+  "version": "0.1.6-alpha.19",
   "description": "React components library for Opentrons' projects",
   "source": "src/index.ts",
   "types": "lib/index.d.ts",
@@ -22,7 +22,7 @@
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@opentrons/shared-data": "0.1.6-alpha.17",
+    "@opentrons/shared-data": "0.1.6-alpha.19",
     "@popperjs/core": "2.1.1",
     "@react-spring/types": "9.6.1",
     "@react-spring/web": "9.6.1",

package/src/hardware-sim/BaseDeck/something.test.tsx

@@ -0,0 +1,7 @@
+import { describe, it, expect } from 'vitest'
+
+describe('test', () => {
+  it('should pass', () => {
+    expect(true).toBe(true)
+  })
+})

package/src/hardware-sim/Deck/SlotLabels.tsx

@@ -1,5 +1,5 @@
 import { FLEX_ROBOT_TYPE } from '@opentrons/shared-data'
-import { DeckInfoLabel } from '../../molecules'
+import { DeckInfoLabel } from '../../molecules/DeckInfoLabel'
 import { Flex } from '../../primitives'
 import { ALIGN_CENTER, DIRECTION_COLUMN, JUSTIFY_CENTER } from '../../styles'
 import { RobotCoordsForeignObject } from './RobotCoordsForeignObject'

package/src/hardware-sim/ProtocolDeck/LabwareInfo.tsx

@@ -1,7 +1,7 @@
 import type * as React from 'react'
 import { css } from 'styled-components'
 
-import { RobotCoordsForeignDiv } from '../Deck'
+import { RobotCoordsForeignDiv } from '../Deck/RobotCoordsForeignDiv'
 import {
   DISPLAY_FLEX,
   DIRECTION_COLUMN,

package/src/hardware-sim/ProtocolDeck/index.tsx

@@ -7,9 +7,9 @@ import {
   getTopLabwareInfo,
 } from '@opentrons/shared-data'
 
-import { BaseDeck } from '../BaseDeck'
+import { BaseDeck } from '../BaseDeck/BaseDeck'
 import { LabwareInfo } from './LabwareInfo'
-import { getStandardDeckViewLayerBlockList } from './utils'
+import { getStandardDeckViewLayerBlockList } from './utils/getStandardDeckViewLayerBlockList'
 import { getLabwareInfoByLiquidId } from './utils/getLabwareInfoByLiquidId'
 import { getTopMostLabwareInSlots } from './utils/getLabwareInSlots'
 import { getModulesInSlots } from './utils/getModulesInSlots'

package/src/index.ts

@@ -1,41 +1,2 @@
-// opentrons components library
-
-export * from './hooks'
-export * from './utils'
-
-// Components
-export * from './alerts'
-export * from './buttons'
-export * from './controls'
-export * from './hardware-sim'
-export * from './legacy-hardware-sim'
-export * from './forms'
-export * from './icons'
-export * from './images'
-export * from './instrument'
-export * from './interaction-enhancers'
-export * from './lists'
-export * from './modals'
-export * from './nav'
-export * from './primitives'
-export * from './slotmap'
-export * from './structure'
-export * from './tooltips'
-export * from './organisms'
-
-// styles
-export * from './styles'
-// new ui-overhaul style vars
-export * from './ui-style-constants'
-
-// helix design system
-export * from './helix-design-system'
-
-// Pure Types
-export * from './robot-types'
-
-//  Molecules
-export * from './molecules'
-
-// Atoms
-export * from './atoms'
+export { ProtocolDeck } from './hardware-sim/ProtocolDeck'
+export { LabwareRender } from './hardware-sim/Labware'

package/src/molecules/DeckInfoLabel/index.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { StyledText } from '../../atoms'
+import { StyledText } from '../../atoms/StyledText'
 import { BORDERS, COLORS } from '../../helix-design-system'
 import { Icon } from '../../icons'
 import { Flex } from '../../primitives'

package/src/molecules/DeckLabel/index.tsx

@@ -1,11 +1,11 @@
 import { css } from 'styled-components'
 import { getModuleType } from '@opentrons/shared-data'
-import { Flex } from '../../primitives'
+import { Flex } from '../../primitives/Flex'
 import { ALIGN_CENTER, FLEX_MAX_CONTENT } from '../../styles'
 import { COLORS } from '../../helix-design-system'
 import { SPACING } from '../../ui-style-constants'
-import { StyledText } from '../../atoms'
-import { ModuleIcon } from '../../icons'
+import { StyledText } from '../../atoms/StyledText'
+import { ModuleIcon } from '../../icons/ModuleIcon'
 
 import type { FlattenSimpleInterpolation } from 'styled-components'
 import type { ModuleModel } from '@opentrons/shared-data'

package/lib/__tests__/utils.test.d.ts

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

package/lib/alerts/AlertItem.d.ts

@@ -1,21 +0,0 @@
-import type * as React from 'react';
-import type { IconProps } from '../icons';
-export type AlertType = 'success' | 'warning' | 'error' | 'info';
-export interface AlertItemProps {
-    /** name constant of the icon to display */
-    type: AlertType;
-    /** title/main message of colored alert bar */
-    title: React.ReactNode;
-    /** Alert message body contents */
-    children?: React.ReactNode;
-    /** Additional class name */
-    className?: string;
-    /** optional handler to show close button/clear alert  */
-    onCloseClick?: () => unknown;
-    /** Override the default Alert Icon */
-    icon?: IconProps;
-}
-/**
- * @deprecated Use 'Banner' instead
- */
-export declare function AlertItem(props: AlertItemProps): JSX.Element;

package/lib/alerts/index.d.ts

@@ -1 +0,0 @@
-export * from './AlertItem';

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

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

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

@@ -1,25 +0,0 @@
-import type * as React 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: React.MouseEventHandler;
-    /** html tabindex property */
-    tabIndex?: number;
-    /** if disabled is true, mouse events will not trigger onClick callback */
-    disabled?: boolean;
-    /** optional borderRadius type */
-    type?: 'round' | 'neutral';
-    /** optional width for helix */
-    width?: string;
-}
-export declare function Checkbox(props: CheckboxProps): JSX.Element;
-interface CheckProps {
-    isChecked: boolean;
-    color?: string;
-    disabled?: boolean;
-}
-export declare function Check(props: CheckProps): JSX.Element;
-export {};

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

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

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

@@ -1,20 +0,0 @@
-import type * as React from 'react';
-export interface CheckboxFieldProps {
-    /** change handler */
-    onChange: React.ChangeEventHandler;
-    /** checkbox is checked if value is true */
-    value?: boolean;
-    /** name of field in form */
-    name?: string;
-    /** label text for checkbox */
-    label?: React.ReactNode;
-    /** checkbox is disabled if value is true */
-    disabled?: boolean;
-    /** html tabindex property */
-    tabIndex?: number;
-    /** props passed into label div. TODO IMMEDIATELY what is the Flow type? */
-    labelProps?: React.ComponentProps<'div'>;
-    /** if true, render indeterminate icon */
-    isIndeterminate?: boolean;
-}
-export declare function CheckboxField(props: CheckboxFieldProps): JSX.Element;

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

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

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

@@ -1,20 +0,0 @@
-import type { IconName } from '../../icons';
-import type { StyleProps } from '../../primitives';
-export type ChipType = 'error' | 'info' | 'neutral' | 'success' | 'warning';
-type ChipSize = 'medium' | 'small';
-interface ChipProps extends StyleProps {
-    /** Display background color? */
-    background?: boolean;
-    /** Chip icon */
-    iconName?: IconName;
-    /** Chip content */
-    text: string;
-    /** name constant of the text color and the icon color to display */
-    type: ChipType;
-    /** has icon */
-    hasIcon?: boolean;
-    /** Chip size medium is the default size */
-    chipSize?: ChipSize;
-}
-export declare function Chip(props: ChipProps): JSX.Element;
-export {};

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

@@ -1,5 +0,0 @@
-import type * as React from 'react';
-import { Box } from '../..';
-type Props = React.ComponentProps<typeof Box>;
-export declare function Divider(props: Props): JSX.Element;
-export {};

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

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

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

@@ -1,68 +0,0 @@
-import { TYPOGRAPHY } from '../../ui-style-constants';
-import type { ChangeEventHandler, FocusEvent, MouseEvent, ReactNode } from 'react';
-import type { IconName } from '../../icons';
-export declare const INPUT_TYPE_NUMBER: "number";
-export declare const LEGACY_INPUT_TYPE_TEXT: "text";
-export declare const LEGACY_INPUT_TYPE_PASSWORD: "password";
-export interface InputFieldProps {
-    /** field is disabled if value is true */
-    disabled?: boolean;
-    /** change handler */
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    /** name of field in form */
-    name?: string;
-    /** optional ID of <input> element */
-    id?: string;
-    /** placeholder text */
-    placeholder?: string;
-    /** optional suffix component, appears to the right of input text */
-    units?: ReactNode;
-    /** current value of text in box, defaults to '' */
-    value?: string | number | null;
-    /** if included, InputField will use error style and display error instead of caption */
-    error?: string | null;
-    /** optional title */
-    title?: string | null;
-    /** optional text for tooltip */
-    tooltipText?: string;
-    /** optional caption. hidden when `error` is given */
-    caption?: string | null;
-    /** optional input type (default "text") */
-    type?: typeof LEGACY_INPUT_TYPE_TEXT | typeof LEGACY_INPUT_TYPE_PASSWORD | typeof INPUT_TYPE_NUMBER;
-    /** mouse click handler */
-    onClick?: (event: MouseEvent<HTMLInputElement>) => unknown;
-    /** focus handler */
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => unknown;
-    /** blur handler */
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => unknown;
-    /** makes input field read-only */
-    readOnly?: boolean;
-    /** html tabindex property */
-    tabIndex?: number;
-    /** automatically focus field on renders */
-    autoFocus?: boolean;
-    /** if true, clear out value and add '-' placeholder */
-    isIndeterminate?: boolean;
-    /** if input type is number, these are the min and max values */
-    max?: number | string;
-    min?: number | string;
-    /** horizontal text alignment for title, input, and (sub)captions */
-    textAlign?: typeof TYPOGRAPHY.textAlignLeft | typeof TYPOGRAPHY.textAlignCenter;
-    /** small or medium input field height, relevant only */
-    size?: 'medium' | 'small';
-    /** react useRef to control input field instead of react event */
-    ref?: React.MutableRefObject<HTMLInputElement | null>;
-    /** optional IconName to display icon aligned to left of input field */
-    leftIcon?: IconName;
-    /** if true, show delete icon aligned to right of input field */
-    showDeleteIcon?: boolean;
-    /** callback passed to optional delete icon onClick */
-    onDelete?: () => void;
-    /** if true, style the background of input field to error state */
-    hasBackgroundError?: boolean;
-    /** optional prop to override input field border radius */
-    borderRadius?: string;
-    /** optional prop to override input field padding */
-    padding?: string;
-}
-export declare const InputField: import("react").ForwardRefExoticComponent<Omit<InputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/lib/atoms/ListButton/ListButtonChildren/ListButtonAccordion.d.ts

@@ -1,10 +0,0 @@
-import type * as React from 'react';
-interface ListButtonAccordionProps {
-    children: React.ReactNode;
-    isExpanded?: boolean;
-    isNested?: boolean;
-    mainHeadline?: string;
-    headline?: string;
-}
-export declare function ListButtonAccordion(props: ListButtonAccordionProps): JSX.Element;
-export {};

package/lib/atoms/ListButton/ListButtonChildren/ListButtonAccordionContainer.d.ts

@@ -1,7 +0,0 @@
-import type * as React from 'react';
-interface ListButtonAccordionContainerProps {
-    children: React.ReactNode;
-    id: string;
-}
-export declare function ListButtonAccordionContainer(props: ListButtonAccordionContainerProps): JSX.Element;
-export {};

package/lib/atoms/ListButton/ListButtonChildren/ListButtonRadioButton.d.ts

@@ -1,14 +0,0 @@
-import type { ChangeEventHandler } from 'react';
-import type { StyleProps } from '../../../primitives';
-interface ListButtonRadioButtonProps extends StyleProps {
-    buttonText: string;
-    buttonValue: string | number;
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    setNoHover?: () => void;
-    setHovered?: () => void;
-    disabled?: boolean;
-    isSelected?: boolean;
-    id?: string;
-}
-export declare function ListButtonRadioButton(props: ListButtonRadioButtonProps): JSX.Element;
-export {};

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

@@ -1,3 +0,0 @@
-export * from './ListButtonAccordion';
-export * from './ListButtonAccordionContainer';
-export * from './ListButtonRadioButton';

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

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

package/lib/atoms/ListButton/__tests__/ListButtonAccordion.test.d.ts

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

package/lib/atoms/ListButton/__tests__/ListButtonRadioButton.test.d.ts

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

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

@@ -1,11 +0,0 @@
-import type * as React from 'react';
-import type { StyleProps } from '../../primitives';
-export * from './ListButtonChildren/index';
-export type ListButtonType = 'noActive' | 'connected' | 'notConnected';
-interface ListButtonProps extends StyleProps {
-    type: ListButtonType;
-    children: React.ReactNode;
-    disabled?: boolean;
-    onClick?: () => void;
-}
-export declare function ListButton(props: ListButtonProps): JSX.Element;

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

@@ -1,15 +0,0 @@
-import type { DropdownMenuProps } from '../../../molecules/DropdownMenu';
-import type { TagProps } from '../../Tag/index';
-interface ListItemCustomizeProps {
-    header: string;
-    leftHeaderItem?: JSX.Element;
-    onClick?: () => void;
-    linkText?: string;
-    label?: string;
-    dropdown?: DropdownMenuProps;
-    tag?: TagProps;
-    /** optional placement of the menu */
-    menuPlacement?: 'auto' | 'top' | 'bottom';
-}
-export declare function ListItemCustomize(props: ListItemCustomizeProps): JSX.Element;
-export {};

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

@@ -1,8 +0,0 @@
-interface ListItemDescriptorProps {
-    type: 'default' | 'large';
-    description: JSX.Element;
-    content: JSX.Element;
-    changeFlexDirection?: boolean;
-}
-export declare const ListItemDescriptor: (props: ListItemDescriptorProps) => JSX.Element;
-export {};

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

@@ -1,2 +0,0 @@
-export * from './ListItemCustomize';
-export * from './ListItemDescriptor';

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

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

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

@@ -1,14 +0,0 @@
-import type * as React from 'react';
-import type { StyleProps } from '../../primitives';
-export * from './ListItemChildren';
-export type ListItemType = 'error' | 'noActive' | 'success' | 'warning' | 'unavailable';
-interface ListItemProps extends StyleProps {
-    /** ListItem state type */
-    type: ListItemType;
-    /** ListItem contents */
-    children: React.ReactNode;
-    onClick?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-}
-export declare function ListItem(props: ListItemProps): JSX.Element;

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

@@ -1,7 +0,0 @@
-import type { StyleProps } from '../../primitives';
-interface ButtonProps extends StyleProps {
-    /** optional isAlert boolean to turn the background red, only seen in ODD */
-    isAlert?: boolean;
-}
-export declare const MenuItem: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
-export {};

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { Btn } from '../../primitives';
-interface OverflowBtnProps extends React.ComponentProps<typeof Btn> {
-    fillColor?: string;
-}
-export declare const OverflowBtn: (props: OverflowBtnProps, ref: React.ForwardedRef<HTMLInputElement>) => React.ReactNode;
-export {};

package/lib/atoms/MenuList/__tests__/MenuItem.test.d.ts

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

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

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

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

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

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

@@ -1,8 +0,0 @@
-import type * as React from 'react';
-interface MenuListProps {
-    children: React.ReactNode;
-    isOnDevice?: boolean;
-    onClick?: React.MouseEventHandler;
-}
-export declare const MenuList: (props: MenuListProps) => JSX.Element | null;
-export {};

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

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

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

@@ -1,7 +0,0 @@
-import type { StyleProps } from '../../primitives';
-export interface SnackbarProps extends StyleProps {
-    message: string;
-    onClose?: () => void;
-    duration?: number;
-}
-export declare function Snackbar(props: SnackbarProps): JSX.Element;

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

@@ -1,7 +0,0 @@
-import type { StyleProps } from '../../primitives';
-interface StepMeterProps extends StyleProps {
-    totalSteps: number;
-    currentStep: number | null;
-}
-export declare const StepMeter: (props: StepMeterProps) => JSX.Element;
-export {};

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

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

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

@@ -1,154 +0,0 @@
-import { Text } from '../../primitives';
-import type * as React from 'react';
-import type { FlattenSimpleInterpolation } from 'styled-components';
-declare const helixProductStyleMap: {
-    readonly displayBold: {
-        readonly as: "h1";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly headingLargeRegular: {
-        readonly as: "h2";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly headingLargeBold: {
-        readonly as: "h2";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly headingMediumBold: {
-        readonly as: "h3";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly headingMediumSemiBold: {
-        readonly as: "h3";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly headingSmallRegular: {
-        readonly as: "h4";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly headingSmallBold: {
-        readonly as: "h4";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly headingSmallSemiBold: {
-        readonly as: "h4";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly bodyLargeSemiBold: {
-        readonly as: "p";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly bodyLargeRegular: {
-        readonly as: "p";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly bodyDefaultSemiBold: {
-        readonly as: "p";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly bodyDefaultRegular: {
-        readonly as: "p";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly captionSemiBold: {
-        readonly as: "label";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly captionBold: {
-        readonly as: "label";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly captionRegular: {
-        readonly as: "label";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly codeRegular: {
-        readonly as: "p";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly hidden: {
-        readonly as: "none";
-        readonly style: FlattenSimpleInterpolation;
-    };
-};
-declare const ODDStyleMap: {
-    readonly level1Header: {
-        readonly as: "h1";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly level2HeaderRegular: {
-        readonly as: "h2";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly level2HeaderSemiBold: {
-        readonly as: "h2";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly level2HeaderBold: {
-        readonly as: "h2";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly level3HeaderRegular: {
-        readonly as: "h3";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly level3HeaderSemiBold: {
-        readonly as: "h3";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly level3HeaderBold: {
-        readonly as: "h3";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly level4HeaderRegular: {
-        readonly as: "h4";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly level4HeaderSemiBold: {
-        readonly as: "h4";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly level4HeaderBold: {
-        readonly as: "h4";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly bodyTextRegular: {
-        readonly as: "p";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly bodyTextSemiBold: {
-        readonly as: "p";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly bodyTextBold: {
-        readonly as: "p";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly smallBodyTextRegular: {
-        readonly as: "label";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly smallBodyTextSemiBold: {
-        readonly as: "label";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly smallBodyTextBold: {
-        readonly as: "label";
-        readonly style: FlattenSimpleInterpolation;
-    };
-    readonly hidden: {
-        readonly as: "none";
-        readonly style: FlattenSimpleInterpolation;
-    };
-};
-export interface Props extends React.ComponentProps<typeof Text> {
-    oddStyle?: ODDStyles;
-    desktopStyle?: HelixStyles;
-    children?: React.ReactNode;
-}
-export declare const ODD_STYLES: string[];
-export declare const HELIX_STYLES: string[];
-export type HelixStyles = keyof typeof helixProductStyleMap;
-export type ODDStyles = keyof typeof ODDStyleMap;
-export declare const StyledText: (props: Props) => JSX.Element;
-export {};

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

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