@equinor/eds-core-react 0.14.0-dev.20210930

package/dist/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+import type { AccordionProps } from './Accordion.types';
+declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { Accordion };

package/dist/types/components/Accordion/Accordion.tokens.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentToken } from '@equinor/eds-tokens';
+declare type AccordionToken = ComponentToken & {
+    entities: {
+        chevron: ComponentToken;
+        header: ComponentToken;
+    };
+};
+export declare const accordion: AccordionToken;
+export {};

package/dist/types/components/Accordion/Accordion.types.d.ts

@@ -0,0 +1,6 @@
+export declare type AccordionProps = {
+    /** The header level, i.e. h1, h2, h3 etc. */
+    headerLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Which side the chevron should be on  */
+    chevronPosition?: 'left' | 'right';
+};

package/dist/types/components/Accordion/AccordionHeader.d.ts

@@ -0,0 +1,35 @@
+import { HTMLAttributes } from 'react';
+import type { AccordionProps } from './Accordion.types';
+export declare type AccordionHeaderProps = {
+    /** The id of the button that toggles expansion */
+    id?: string;
+    /**  Is AccordionItem expanded */
+    isExpanded?: boolean;
+    /**  The panel that is controlled by the HeaderButton */
+    panelId?: string;
+    /**  The index of the parent AccordionItem  */
+    parentIndex?: number;
+    /** Accordion item is disabled */
+    disabled?: boolean;
+    /** @ignore */
+    toggleExpanded?: () => void;
+    /** Accordion item toggle callback */
+    onToggle?: () => void;
+} & AccordionProps & HTMLAttributes<HTMLDivElement>;
+declare const AccordionHeader: import("react").ForwardRefExoticComponent<{
+    /** The id of the button that toggles expansion */
+    id?: string;
+    /**  Is AccordionItem expanded */
+    isExpanded?: boolean;
+    /**  The panel that is controlled by the HeaderButton */
+    panelId?: string;
+    /**  The index of the parent AccordionItem  */
+    parentIndex?: number;
+    /** Accordion item is disabled */
+    disabled?: boolean;
+    /** @ignore */
+    toggleExpanded?: () => void;
+    /** Accordion item toggle callback */
+    onToggle?: () => void;
+} & AccordionProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { AccordionHeader };

package/dist/types/components/Accordion/AccordionHeaderTitle.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+export declare type AccordionHeaderTitleProps = {
+    /**  Is AccordionItem expanded */
+    isExpanded?: boolean;
+    /** Accordion item is disabled */
+    disabled?: boolean;
+} & HTMLAttributes<HTMLSpanElement>;
+declare const AccordionHeaderTitle: import("react").ForwardRefExoticComponent<{
+    /**  Is AccordionItem expanded */
+    isExpanded?: boolean;
+    /** Accordion item is disabled */
+    disabled?: boolean;
+} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+export { AccordionHeaderTitle };

package/dist/types/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'react';
+import type { AccordionProps } from './Accordion.types';
+export declare type AccordionItemProps = {
+    index?: number;
+    accordionId?: string;
+    /** Is AccordionItem expanded */
+    isExpanded?: boolean;
+    /** accordion item is disabled */
+    disabled?: boolean;
+} & HTMLAttributes<HTMLDivElement> & AccordionProps;
+declare const AccordionItem: import("react").ForwardRefExoticComponent<{
+    index?: number;
+    accordionId?: string;
+    /** Is AccordionItem expanded */
+    isExpanded?: boolean;
+    /** accordion item is disabled */
+    disabled?: boolean;
+} & HTMLAttributes<HTMLDivElement> & AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
+export { AccordionItem };

package/dist/types/components/Accordion/AccordionPanel.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+export declare type AccordionPanelProps = {
+    /** The ID of the element that controls the panel */
+    headerId?: string;
+    /** The ID of the panel */
+    id?: string;
+    /** If `true`, the panel will be hidden. */
+    hidden?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+declare const AccordionPanel: import("react").ForwardRefExoticComponent<{
+    /** The ID of the element that controls the panel */
+    headerId?: string;
+    /** The ID of the panel */
+    id?: string;
+    /** If `true`, the panel will be hidden. */
+    hidden?: boolean;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { AccordionPanel };

package/dist/types/components/Accordion/index.d.ts

@@ -0,0 +1,15 @@
+import { Accordion as BaseAccordion } from './Accordion';
+import { AccordionItem, AccordionItemProps } from './AccordionItem';
+import { AccordionHeader, AccordionHeaderProps } from './AccordionHeader';
+import { AccordionHeaderTitle, AccordionHeaderTitleProps } from './AccordionHeaderTitle';
+import { AccordionPanel, AccordionPanelProps } from './AccordionPanel';
+import type { AccordionProps } from './Accordion.types';
+declare type AccordionCompoundProps = typeof BaseAccordion & {
+    Item: typeof AccordionItem;
+    Header: typeof AccordionHeader;
+    HeaderTitle: typeof AccordionHeaderTitle;
+    Panel: typeof AccordionPanel;
+};
+declare const Accordion: AccordionCompoundProps;
+export { Accordion };
+export type { AccordionProps, AccordionPanelProps, AccordionHeaderProps, AccordionHeaderTitleProps, AccordionItemProps, };

package/dist/types/components/Avatar/Avatar.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'react';
+export declare type AvatarProps = {
+    alt: string;
+    /** Image source
+     @default null */
+    src?: string;
+    /** Avatar size
+    @default 24 */
+    size?: 16 | 24 | 32 | 40 | 48;
+    /** @default false */
+    disabled?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Avatar: import("react").ForwardRefExoticComponent<{
+    alt: string;
+    /** Image source
+     @default null */
+    src?: string;
+    /** Avatar size
+    @default 24 */
+    size?: 16 | 24 | 32 | 40 | 48;
+    /** @default false */
+    disabled?: boolean;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Avatar/Avatar.tokens.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentToken } from '@equinor/eds-tokens';
+declare type AvatarToken = ComponentToken & {
+    states: {
+        disabled: {
+            opacity: string;
+        };
+    };
+};
+export declare const avatar: AvatarToken;
+export {};

package/dist/types/components/Avatar/index.d.ts

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

package/dist/types/components/Banner/Banner.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export declare type BannerProps = {
+    children: ReactNode;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Banner: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Banner/Banner.tokens.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentToken } from '@equinor/eds-tokens';
+export declare type BannerToken = ComponentToken & {
+    entities: {
+        icon: ComponentToken;
+    };
+};
+export declare const enabled: BannerToken;
+export declare const info: BannerToken;
+export declare const warning: BannerToken;

package/dist/types/components/Banner/BannerActions.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ReactNode } from 'react';
+declare type BannerActionsPlacement = 'bottom' | 'left';
+export declare type BannerActionsProps = {
+    children: ReactNode;
+    placement?: BannerActionsPlacement;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const BannerActions: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+    placement?: BannerActionsPlacement;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/Banner/BannerIcon.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from 'react';
+declare type BannerIconVariant = 'info' | 'warning';
+export declare type BannerIconProps = {
+    /** Which icon background and fill color to use. Info = green, warning = red */
+    variant?: BannerIconVariant;
+    /** @ignore */
+    children: ReactNode;
+} & HTMLAttributes<HTMLSpanElement>;
+export declare const BannerIcon: import("react").ForwardRefExoticComponent<{
+    /** Which icon background and fill color to use. Info = green, warning = red */
+    variant?: BannerIconVariant;
+    /** @ignore */
+    children: ReactNode;
+} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/types/components/Banner/BannerMessage.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TypographyProps } from '../Typography/Typography';
+export declare type BannerMessageProps = {
+    /** Text content */
+    children: string;
+} & Omit<TypographyProps, 'children'>;
+export declare const BannerMessage: import("react").ForwardRefExoticComponent<{
+    /** Text content */
+    children: string;
+} & Omit<TypographyProps, "children"> & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/Banner/index.d.ts

@@ -0,0 +1,12 @@
+import { Banner as BaseBanner, BannerProps } from './Banner';
+import { BannerIcon, BannerIconProps } from './BannerIcon';
+import { BannerMessage, BannerMessageProps } from './BannerMessage';
+import { BannerActions, BannerActionsProps } from './BannerActions';
+declare type BannerCompoundProps = typeof BaseBanner & {
+    Icon: typeof BannerIcon;
+    Message: typeof BannerMessage;
+    Actions: typeof BannerActions;
+};
+declare const Banner: BannerCompoundProps;
+export { Banner };
+export type { BannerProps, BannerMessageProps, BannerIconProps, BannerActionsProps, };

package/dist/types/components/Breadcrumbs/Breadcrumb.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare type BreadcrumbProps = {
+    maxWidth?: number;
+    /** Children is breadcrumb text */
+    children: string;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<{
+    maxWidth?: number;
+    /** Children is breadcrumb text */
+    children: string;
+} & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export declare type BreadcrumbsProps = {
+    collapse?: boolean;
+    /** Children should be of Breadcrumb component */
+    children: ReactNode;
+} & HTMLAttributes<HTMLElement>;
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<{
+    collapse?: boolean;
+    /** Children should be of Breadcrumb component */
+    children: ReactNode;
+} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentToken } from '@equinor/eds-tokens';
+export declare const breadcrumbs: ComponentToken;

package/dist/types/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,8 @@
+import { Breadcrumbs as BaseComponent, BreadcrumbsProps } from './Breadcrumbs';
+import { Breadcrumb, BreadcrumbProps } from './Breadcrumb';
+declare type BreadcrumbsCompoundProps = typeof BaseComponent & {
+    Breadcrumb: typeof Breadcrumb;
+};
+declare const Breadcrumbs: BreadcrumbsCompoundProps;
+export { Breadcrumbs };
+export type { BreadcrumbsProps, BreadcrumbProps };

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,43 @@
+import { ElementType, ButtonHTMLAttributes } from 'react';
+export declare type ButtonProps = {
+    /**  Specifies color */
+    color?: 'primary' | 'secondary' | 'danger';
+    /** Specifies which variant to use */
+    variant?: 'contained' | 'outlined' | 'ghost' | 'ghost_icon';
+    /**
+     * URL link destination
+     * If defined, an 'a' element is used as root instead of 'button'
+     */
+    href?: string;
+    /** Is the button disabled */
+    disabled?: boolean;
+    /** Change html element. */
+    as?: ElementType;
+    /** Type of button
+     * @default 'button'
+     */
+    type?: string;
+    /** FullWidth (stretched) button  */
+    fullWidth?: boolean;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const Button: import("react").ForwardRefExoticComponent<{
+    /**  Specifies color */
+    color?: 'primary' | 'secondary' | 'danger';
+    /** Specifies which variant to use */
+    variant?: 'contained' | 'outlined' | 'ghost' | 'ghost_icon';
+    /**
+     * URL link destination
+     * If defined, an 'a' element is used as root instead of 'button'
+     */
+    href?: string;
+    /** Is the button disabled */
+    disabled?: boolean;
+    /** Change html element. */
+    as?: ElementType;
+    /** Type of button
+     * @default 'button'
+     */
+    type?: string;
+    /** FullWidth (stretched) button  */
+    fullWidth?: boolean;
+} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Button/Button.types.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentToken } from '@equinor/eds-tokens';
+export declare type ButtonToken = ComponentToken & {
+    entities?: {
+        icon: ComponentToken;
+    };
+};
+export declare type ButtonTokenSet = {
+    contained: ButtonToken;
+    outlined: ButtonToken;
+    ghost: ButtonToken;
+    ghost_icon: ButtonToken;
+};

package/dist/types/components/Button/InnerFullWidth.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const InnerFullWidth: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/components/Button/index.d.ts

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

package/dist/types/components/Button/tokens/button.d.ts

@@ -0,0 +1,2 @@
+import { ButtonToken } from '../Button.types';
+export declare const button: ButtonToken;

package/dist/types/components/Button/tokens/contained.d.ts

@@ -0,0 +1,4 @@
+import { ButtonToken } from '../Button.types';
+export declare const primary: ButtonToken;
+export declare const secondary: ButtonToken;
+export declare const danger: ButtonToken;

package/dist/types/components/Button/tokens/ghost.d.ts

@@ -0,0 +1,4 @@
+import { ButtonToken } from '../Button.types';
+export declare const primary: ButtonToken;
+export declare const secondary: Partial<ButtonToken>;
+export declare const danger: Partial<ButtonToken>;

package/dist/types/components/Button/tokens/icon.d.ts

@@ -0,0 +1,4 @@
+import { ButtonToken } from '../Button.types';
+export declare const primary: ButtonToken;
+export declare const secondary: Partial<ButtonToken>;
+export declare const danger: Partial<ButtonToken>;

package/dist/types/components/Button/tokens/index.d.ts

@@ -0,0 +1,8 @@
+import { ButtonTokenSet } from '../Button.types';
+declare type ButtonTokens = {
+    primary: ButtonTokenSet;
+    secondary: ButtonTokenSet;
+    danger: ButtonTokenSet;
+};
+export declare const token: ButtonTokens;
+export {};

package/dist/types/components/Button/tokens/outlined.d.ts

@@ -0,0 +1,4 @@
+import { ButtonToken } from '../Button.types';
+export declare const primary: ButtonToken;
+export declare const secondary: ButtonToken;
+export declare const danger: ButtonToken;

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export declare type CardProps = {
+    /** Variant */
+    variant?: 'default' | 'info' | 'warning' | 'danger';
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Card: import("react").ForwardRefExoticComponent<{
+    /** Variant */
+    variant?: 'default' | 'info' | 'warning' | 'danger';
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/Card.tokens.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentToken } from '@equinor/eds-tokens';
+export declare type CardToken = ComponentToken;
+export declare const primary: CardToken;
+export declare const info: CardToken;
+export declare const danger: CardToken;
+export declare const warning: CardToken;

package/dist/types/components/Card/CardActions.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+export declare type CardActionsProps = {
+    /** Should the actions be right aligned */
+    alignRight?: boolean;
+    /** Meta information */
+    meta?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const CardActions: import("react").ForwardRefExoticComponent<{
+    /** Should the actions be right aligned */
+    alignRight?: boolean;
+    /** Meta information */
+    meta?: string;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/CardHeader.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export declare type CardHeaderProps = HTMLAttributes<HTMLDivElement>;
+export declare const CardHeader: import("react").ForwardRefExoticComponent<CardHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/CardHeaderTitle.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export declare type CardHeaderTitleProps = HTMLAttributes<HTMLDivElement>;
+export declare const CardHeaderTitle: import("react").ForwardRefExoticComponent<CardHeaderTitleProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/CardMedia.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export declare type CardMediaProps = {
+    /** Should the media be full width or not */
+    fullWidth?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const CardMedia: import("react").ForwardRefExoticComponent<{
+    /** Should the media be full width or not */
+    fullWidth?: boolean;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1,14 @@
+import { Card as CardWrapper, CardProps } from './Card';
+import { CardActions, CardActionsProps } from './CardActions';
+import { CardMedia, CardMediaProps } from './CardMedia';
+import { CardHeader, CardHeaderProps } from './CardHeader';
+import { CardHeaderTitle, CardHeaderTitleProps } from './CardHeaderTitle';
+declare type CardCompoundProps = typeof CardWrapper & {
+    Actions: typeof CardActions;
+    Header: typeof CardHeader;
+    Media: typeof CardMedia;
+    HeaderTitle: typeof CardHeaderTitle;
+};
+declare const Card: CardCompoundProps;
+export { Card };
+export type { CardProps, CardActionsProps, CardMediaProps, CardHeaderProps, CardHeaderTitleProps, };

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,15 @@
+import { Ref, InputHTMLAttributes } from 'react';
+export declare type CheckboxProps = {
+    /** Label for the checkbox
+     */
+    label?: string;
+    /** If true, the checkbox will be disabled */
+    disabled?: boolean;
+    /** If true, the checkbox appears indeterminate. Important! You'll have to
+     * set the native element to indeterminate yourself.
+     */
+    indeterminate?: boolean;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'disabled'> & {
+    ref?: Ref<HTMLInputElement>;
+};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "height" | "width" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "type" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "disabled" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "indeterminate"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/Checkbox/Checkbox.tokens.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentToken } from '@equinor/eds-tokens';
+declare type CheckboxToken = ComponentToken;
+export declare const checkbox: CheckboxToken;
+export {};

package/dist/types/components/Checkbox/Input.d.ts

@@ -0,0 +1,12 @@
+import { Ref, InputHTMLAttributes } from 'react';
+export declare type InputProps = {
+    /** If true, the checkbox will be disabled */
+    disabled?: boolean;
+    /** If true, the checkbox appears indeterminate. Important! You'll have to
+     * set the native element to indeterminate yourself.
+     */
+    indeterminate?: boolean;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'disabled'> & {
+    ref?: Ref<HTMLInputElement>;
+};
+export declare const CheckboxInput: import("react").ForwardRefExoticComponent<Pick<InputProps, "height" | "width" | "form" | "slot" | "style" | "title" | "pattern" | "type" | "name" | "children" | "className" | "color" | "id" | "lang" | "max" | "min" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "disabled" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "indeterminate"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/Checkbox/index.d.ts

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

package/dist/types/components/Chip/Chip.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+export declare type ChipProps = {
+    /** Disabled */
+    disabled?: boolean;
+    /** Delete callback */
+    onDelete?: (Event: any) => void;
+    /** Variant */
+    variant?: 'active' | 'error' | 'default';
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Chip: import("react").ForwardRefExoticComponent<{
+    /** Disabled */
+    disabled?: boolean;
+    /** Delete callback */
+    onDelete?: (Event: any) => void;
+    /** Variant */
+    variant?: 'active' | 'error' | 'default';
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Chip/Chip.tokens.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentToken } from '@equinor/eds-tokens';
+export declare type ChipToken = ComponentToken & {
+    entities: {
+        icon: ComponentToken;
+    };
+};
+export declare const enabled: ChipToken;
+export declare const error: ChipToken;

package/dist/types/components/Chip/Icon.d.ts

@@ -0,0 +1,6 @@
+declare type IconProps = {
+    variant: 'active' | 'error' | 'default';
+    disabled: boolean;
+};
+export declare const Icon: import("styled-components").StyledComponent<import("../Icon/Icon.types").IconType, import("styled-components").DefaultTheme, IconProps, never>;
+export {};

package/dist/types/components/Chip/index.d.ts

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

package/dist/types/components/Combobox/Combobox.d.ts

@@ -0,0 +1,55 @@
+import { SelectHTMLAttributes } from 'react';
+export declare type ComboboxChanges = {
+    selectedItems: string[];
+    inputValue: string;
+};
+export declare type ComboboxProps = {
+    /** List of options to choose from */
+    items: string[];
+    /** Label for the select element */
+    label: string;
+    /** Array of initial selected items */
+    initialSelectedItems?: string[];
+    /** Meta text, for instance unit */
+    meta?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Read Only */
+    readOnly?: boolean;
+    /** If this prop is used, the select will become a controlled component. Use an empty
+     * array [] if there will be no initial selected items
+     * Note that this prop replaces the need for ```initialSelectedItems```
+     * The items that should be selected. */
+    selectedOptions?: string[];
+    /** Callback for the selected item change
+     * changes.selectedItem gives the selected item
+     */
+    handleSelectedItemsChange?: (changes: ComboboxChanges) => void;
+    /** Enable multiselect */
+    multiple?: boolean;
+} & SelectHTMLAttributes<HTMLSelectElement>;
+export declare const Combobox: import("react").ForwardRefExoticComponent<{
+    /** List of options to choose from */
+    items: string[];
+    /** Label for the select element */
+    label: string;
+    /** Array of initial selected items */
+    initialSelectedItems?: string[];
+    /** Meta text, for instance unit */
+    meta?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Read Only */
+    readOnly?: boolean;
+    /** If this prop is used, the select will become a controlled component. Use an empty
+     * array [] if there will be no initial selected items
+     * Note that this prop replaces the need for ```initialSelectedItems```
+     * The items that should be selected. */
+    selectedOptions?: string[];
+    /** Callback for the selected item change
+     * changes.selectedItem gives the selected item
+     */
+    handleSelectedItemsChange?: (changes: ComboboxChanges) => void;
+    /** Enable multiselect */
+    multiple?: boolean;
+} & SelectHTMLAttributes<HTMLSelectElement> & import("react").RefAttributes<HTMLDivElement>>;