@livechat/design-system-react-components 1.0.0-alpha.57 → 1.0.0-alpha.59

package/dist/components/ActionMenu/ActionMenu.spec.d.ts

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

package/dist/components/ActionMenu/ActionMenu.stories.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./ActionMenu").ActionMenuProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/components/ActionMenu/constants.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import noop from '../../utils/noop';
+export declare const exampleOptions: ({
+    key: string;
+    element: React.JSX.Element;
+    onClick: typeof noop;
+    disabled?: undefined;
+    withDivider?: undefined;
+} | {
+    key: string;
+    element: React.JSX.Element;
+    onClick: typeof noop;
+    disabled: boolean;
+    withDivider?: undefined;
+} | {
+    key: string;
+    element: React.JSX.Element;
+    onClick: typeof noop;
+    withDivider: boolean;
+    disabled?: undefined;
+})[];

package/dist/{src/components → components}/Alert/Alert.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type AlertKind = 'info' | 'warning' | 'success' | 'error';
+type AlertKind = 'info' | 'warning' | 'success' | 'error';
 export interface AlertProps {
     /**
      * The CSS class for container

package/dist/components/Alert/Alert.spec.d.ts

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

package/dist/components/Alert/Alert.stories.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { AlertProps } from './Alert';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AlertProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Default: (args: AlertProps) => JSX.Element;
+export declare const Kinds: () => JSX.Element;
+export declare const WithCTA: () => JSX.Element;

package/dist/{src/components → components}/Avatar/Avatar.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-declare type AvatarShape = 'circle' | 'rounded-square';
-declare type AvatarSize = 'xxxsmall' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
-declare type AvatarStatus = 'available' | 'unavailable' | 'unknown';
-declare type AvatarType = 'image' | 'text';
+type AvatarShape = 'circle' | 'rounded-square';
+type AvatarSize = 'xxxsmall' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
+type AvatarStatus = 'available' | 'unavailable' | 'unknown';
+type AvatarType = 'image' | 'text';
 export interface AvatarProps {
     /**
      * Alternate text for an image avatar

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

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

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { AvatarProps } from './Avatar';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AvatarProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Default: {
+    (args: AvatarProps): JSX.Element;
+    args: {
+        type: string;
+        text: string;
+    };
+};
+export declare const Types: () => JSX.Element;
+export declare const Shapes: () => JSX.Element;
+export declare const Sizes: () => JSX.Element;
+export declare const Statuses: () => JSX.Element;
+export declare const Colors: () => JSX.Element;
+export declare const FallbackAvatar: () => JSX.Element;
+export declare const Rim: () => JSX.Element;
+export declare const SizesWithStatus: () => JSX.Element;
+export declare const SizesWithRim: () => JSX.Element;

package/dist/components/Badge/Badge.spec.d.ts

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

package/dist/components/Badge/Badge.stories.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Story } from '@storybook/react';
+import { BadgeProps } from './Badge';
+declare const _default: {
+    title: string;
+    component: React.FC<BadgeProps>;
+};
+export default _default;
+export declare const Default: Story<BadgeProps>;
+export declare const Sizes: () => JSX.Element;
+export declare const Kinds: () => JSX.Element;
+export declare const Types: () => JSX.Element;

package/dist/{src/components → components}/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Size } from 'utils';
-export declare type ButtonKind = 'basic' | 'primary' | 'secondary' | 'destructive' | 'text' | 'plain' | 'plain-light' | 'subtle' | 'float' | 'dotted';
-export declare type ButtonProps = {
+export type ButtonKind = 'basic' | 'primary' | 'secondary' | 'destructive' | 'text' | 'plain' | 'plain-light' | 'subtle' | 'float' | 'dotted';
+export type ButtonProps = {
     /**
      * Specify the button kind
      */

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

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

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

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { ButtonProps } from './Button';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
+    kind?: import("./Button").ButtonKind | undefined;
+    size?: import("../..").Size | undefined;
+    loading?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    loaderLabel?: string | undefined;
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    iconPosition?: "right" | "left" | undefined;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export default _default;
+export declare const Default: {
+    (args: ButtonProps): React.ReactElement;
+    argTypes: {
+        icon: {
+            options: string[];
+            mapping: {
+                [k: string]: React.JSX.Element;
+            } & {
+                None: null;
+            };
+            control: {
+                type: string;
+                labels: string[];
+            };
+        };
+    };
+    args: {
+        loading: boolean;
+        disabled: boolean;
+        size: string;
+        kind: string;
+        children: string;
+        fullWidth: boolean;
+        iconPosition: string;
+        icon: string;
+    };
+};
+export declare const KindsAndStates: () => React.ReactElement;
+export declare const Sizes: () => React.ReactElement;
+export declare const ButtonAsLink: () => React.ReactElement;

package/dist/{src/components → components}/Card/Card.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ButtonProps } from '../Button';
-export declare type CardButtonOptions = Pick<ButtonProps, 'children' | 'kind' | 'onClick'>;
+export type CardButtonOptions = Pick<ButtonProps, 'children' | 'kind' | 'onClick'>;
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Alternate text for an image card

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

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

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Story } from '@storybook/react';
+import { CardProps } from '../Card';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, CardProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Default: Story<CardProps>;
+export declare const Expandable: Story;
+export declare const WithButtons: Story;
+export declare const ExpandableWithButtons: Story;

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

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

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { CheckboxProps } from './Checkbox';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default _default;
+export declare const Checkbox: {
+    (args: CheckboxProps): React.ReactElement;
+    args: {
+        disabled: boolean;
+        description: string;
+        children: string;
+    };
+};

package/dist/components/DatePicker/DatePicker.spec.d.ts

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

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IDatePickerProps } from './types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IDatePickerProps & React.RefAttributes<import("react-day-picker").default>>;
+export default _default;
+export declare const DatePicker: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IDatePickerProps>;
+export declare const DatePickerWithDatesBetweenTwoMonths: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IDatePickerProps>;
+export declare const DatePickerWithCustomFirstDayOfWeek: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IDatePickerProps>;

package/dist/components/DatePicker/DatePickerRangeCalendarsWrapper.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const DatePickerRangeCalendarsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>>;

package/dist/components/DatePicker/RangeDatePicker.spec.d.ts

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

package/dist/components/DatePicker/RangeDatePicker.stories.d.ts

@@ -0,0 +1,4 @@
+import { IRangeDatePickerProps } from './types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IRangeDatePickerProps>;
+export default _default;
+export declare const RangeDatePicker: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IRangeDatePickerProps>;

package/dist/{src/components → components}/DatePicker/helpers.d.ts

@@ -5,12 +5,12 @@ export declare const isDateWithinRange: (date: Date, range: {
     from?: Date;
     to?: Date;
 }) => boolean;
-export declare const calculateDatePickerMonth: (initialFromDate?: Date | undefined, initialToDate?: Date | undefined, toMonth?: Date | undefined) => Date;
-export declare const getRangeDatePickerModifiers: (from?: Date | undefined, to?: Date | undefined) => Partial<Modifiers>;
+export declare const calculateDatePickerMonth: (initialFromDate?: Date, initialToDate?: Date, toMonth?: Date) => Date;
+export declare const getRangeDatePickerModifiers: (from?: Date, to?: Date) => Partial<Modifiers>;
 export declare const getSelectedOption: (itemId: string | null, options: IRangeDatePickerOption[]) => IRangeDatePickerOption | undefined;
-export declare const isSelectingFirstDay: (from?: Date | undefined, to?: Date | undefined) => boolean;
+export declare const isSelectingFirstDay: (from?: Date, to?: Date) => boolean;
 export declare const getInitialStateFromProps: (props: IRangeDatePickerProps) => Partial<IRangeDatePickerState>;
-export declare const getDatePickerClassNames: (range?: boolean | undefined, classNames?: ClassNames | undefined) => {
+export declare const getDatePickerClassNames: (range?: boolean, classNames?: ClassNames) => {
     container: string;
     wrapper: string;
     interactionDisabled: string;

package/dist/{src/components → components}/DatePicker/types.d.ts

@@ -29,7 +29,7 @@ export declare enum RangeDatePickerAction {
     SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO",
     CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE"
 }
-export declare type IRangeDatePickerReducerAction = {
+export type IRangeDatePickerReducerAction = {
     type: RangeDatePickerAction.NEW_SELECTED_ITEM;
     payload: {
         selectedItem: string | null;
@@ -52,7 +52,7 @@ export interface IRangeDatePickerState {
     temporaryTo?: Date;
     currentMonth: Date;
 }
-export declare type RangeDatePickerReducer = Reducer<IRangeDatePickerState, IRangeDatePickerReducerAction>;
+export type RangeDatePickerReducer = Reducer<IRangeDatePickerState, IRangeDatePickerReducerAction>;
 export interface IRangeDatePickerOption {
     id: string;
     label: string;

package/dist/{src/components → components}/FieldDescription/FieldDescription.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export declare type FieldDescriptionProps = React.HTMLAttributes<HTMLSpanElement>;
+export type FieldDescriptionProps = React.HTMLAttributes<HTMLSpanElement>;
 export declare const FieldDescription: React.FC<FieldDescriptionProps>;

package/dist/{src/components → components}/FieldError/FieldError.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export declare type FieldErrorProps = React.HTMLAttributes<HTMLSpanElement>;
+export type FieldErrorProps = React.HTMLAttributes<HTMLSpanElement>;
 export declare const FieldError: React.FC<FieldErrorProps>;

package/dist/components/FieldGroup/FieldGroup.spec.d.ts

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

package/dist/components/FieldGroup/FieldGroup.stories.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { FieldGroupProps } from './FieldGroup';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, FieldGroupProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const FieldGroup: {
+    ({ ...args }: FieldGroupProps): React.ReactElement;
+    args: FieldGroupProps;
+};

package/dist/components/FileUploadProgress/FileUploadProgress.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { ProgressSize, ProgressStatus } from '../Progress/constants';
+export type UploadProgressActionState = 'visible' | 'hover' | 'hidden';
+export interface FileUploadProgressProps {
+    /**
+     * Define if action buttons should be visible, visible on hover, or hidden
+     */
+    actionsVisibility?: UploadProgressActionState;
+    /**
+     * The CSS class for progress bar
+     */
+    className?: string;
+    /**
+     * Renders given element
+     */
+    icon?: React.ReactNode;
+    /**
+     * Specify the uploading file name
+     */
+    title: string;
+    /**
+     * Specify the value of current file upload progress (0-100)
+     */
+    progressValue: number;
+    /**
+     * Specify the progress bar size
+     */
+    size?: ProgressSize;
+    /**
+     * Specify the uploading file status
+     */
+    status?: ProgressStatus;
+    /**
+     * The event handler for close icon click
+     */
+    onCloseButtonClick?: () => void;
+    /**
+     * The event handler for retry icon click
+     */
+    onRetryButtonClick?: () => void;
+}
+export declare const FileUploadProgress: React.ExoticComponent<FileUploadProgressProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/FileUploadProgress/FileUploadProgress.stories.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { FileUploadProgressProps } from './FileUploadProgress';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, FileUploadProgressProps & React.RefAttributes<HTMLInputElement>>;
+export default _default;
+export declare const FileUploadProgress: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FileUploadProgressProps>;
+export declare const FileUploadProgressWithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FileUploadProgressProps>;
+export declare const FileUploadProgressStates: React.FC;

package/dist/components/Form/Form.spec.d.ts

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

package/dist/components/Form/Form.stories.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Story } from '@storybook/react';
+import { FormProps } from '../Form';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, FormProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Form: Story<FormProps>;

package/dist/components/FormField/FormField.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+export interface FormFieldProps {
+    /**
+     * Define label text
+     */
+    labelText?: string;
+    /**
+     * Renders given element aligned to label, `inline` will affect
+     */
+    labelAdornment?: React.ReactNode;
+    /**
+     * Define to associate the label with the field
+     */
+    labelFor?: string;
+    /**
+     * The CSS class for field container
+     */
+    className?: string;
+    /**
+     * Set the label to inline version
+     */
+    inline?: boolean;
+    /**
+     * Define error text
+     */
+    error?: string;
+    /**
+     * Define the description text
+     */
+    description?: React.ReactNode;
+    /**
+     * Wrapped element
+     */
+    children?: React.ReactNode;
+    /**
+     * Renders given element above the filed
+     */
+    labelRightNode?: React.ReactNode;
+}
+export declare const FormField: React.FC<FormFieldProps>;

package/dist/components/FormField/FormField.spec.d.ts

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

package/dist/components/FormField/FormField.stories.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FormFieldProps } from './FormField';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, FormFieldProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FormFieldProps>;
+export declare const Examples: () => JSX.Element;
+export declare const TextFieldWithError: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FormFieldProps>;

package/dist/components/FormGroup/FormGroup.spec.d.ts

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

package/dist/components/FormGroup/FormGroup.stories.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { FormGroupProps } from './FormGroup';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, FormGroupProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const FormGroup: {
+    ({ ...args }: FormGroupProps): React.ReactElement;
+    args: FormGroupProps;
+};

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error';
+export type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;
+export interface IconProps {
+    source: IconSource;
+    size?: IconSize;
+    kind?: IconKind;
+    disabled?: boolean;
+    className?: string;
+    customColor?: string;
+}
+export declare const Icon: React.FC<IconProps>;
+export default Icon;

package/dist/components/Icon/Icon.stories.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { IconProps } from './Icon';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IconProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Icon: {
+    (args: IconProps): React.ReactElement;
+    args: {
+        source: any;
+        size: string;
+        kind: string;
+        disabled: boolean;
+    };
+};

package/dist/components/Input/Input.spec.d.ts

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

package/dist/components/Input/Input.stories.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Story } from '@storybook/react';
+import { InputProps } from './Input';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InputProps & React.RefAttributes<HTMLInputElement>>;
+export default _default;
+export declare const Default: Story<InputProps>;
+export declare const Sizes: () => JSX.Element;
+export declare const States: () => JSX.Element;
+export declare const Types: () => JSX.Element;
+export declare const WithIcons: () => JSX.Element;

package/dist/components/Link/Link.stories.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { LinkProps } from './Link';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LinkProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Link: {
+    ({ ...args }: LinkProps): React.ReactElement;
+    args: {
+        bold: boolean;
+    };
+};

package/dist/{src/components → components}/Loader/Loader.d.ts

@@ -1,10 +1,20 @@
 import * as React from 'react';
 export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specify the loader size
+     */
     size?: 'small' | 'medium' | 'large';
+    /**
+     * Specify the loader label
+     */
     label?: string;
-    /** Fragment circle color */
+    /**
+     * Set the loader highlight color
+     */
     primaryColor?: string;
-    /** Main circle color */
+    /**
+     * Set the loader color
+     */
     secondaryColor?: string;
 }
 export declare const Loader: React.FC<LoaderProps>;

package/dist/components/Loader/Loader.spec.d.ts

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

package/dist/components/Loader/Loader.stories.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { LoaderProps } from './Loader';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LoaderProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Default: (args: LoaderProps) => React.ReactElement;
+export declare const Sizes: () => React.ReactElement;
+export declare const Labeled: (args: LoaderProps) => React.ReactElement;
+export declare const CustomColors: (args: LoaderProps) => React.ReactElement;

package/dist/components/Modal/Modal.spec.d.ts

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

package/dist/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ModalProps, ModalPortalProps } from './index';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ModalProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Modal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;
+export declare const ModalWithCustomHeader: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;
+export declare const ModalWithLabeledHeader: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;
+export declare const ModalWithFullSpaceContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;
+export declare const ModalPortal: {
+    ({ children, ...args }: ModalPortalProps): React.ReactElement;
+    args: ModalPortalProps;
+};

package/dist/components/Modal/ModalBase.spec.d.ts

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

package/dist/components/Modal/StoriesComponents.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface ModalHeaderProps {
+    color?: string;
+}
+export declare const ModalHeader: React.FC<ModalHeaderProps>;
+export declare const ModalFooter: React.FC;
+export declare const ModalFullSpaceContent: React.FC;
+export declare const ModalContent: React.FC;
+export {};

package/dist/{src/components → components}/NumericInput/NumericInput.d.ts

@@ -9,6 +9,6 @@ interface Props {
     noControls?: boolean;
     onChange: (value: string) => void;
 }
-export declare type NumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & Props;
+export type NumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & Props;
 export declare const NumericInput: React.FC<NumericInputProps>;
 export {};

package/dist/components/NumericInput/NumericInput.spec.d.ts

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

package/dist/{src/components → components}/Picker/Picker.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IPickerListItem } from './PickerList';
 import { IconSize } from '../Icon';
 import { Size } from 'utils';
-export declare type PickerType = 'single' | 'multi';
+export type PickerType = 'single' | 'multi';
 export interface IPickerProps {
     /**
      * Specify the custom id

package/dist/components/Picker/Picker.spec.d.ts

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

package/dist/components/Picker/Picker.stories.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IPickerProps } from './Picker';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IPickerProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IPickerProps>;
+export declare const States: () => React.ReactElement;
+export declare const PickerWithGroupedOptions: () => React.ReactElement;
+export declare const PickerWithOptionsAsCustomElements: () => React.ReactElement;

package/dist/components/Picker/PickerList.spec.d.ts

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

package/dist/components/Picker/Trigger.spec.d.ts

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

package/dist/components/Picker/TriggerBody.spec.d.ts

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

package/dist/components/Popover/Popover.spec.d.ts

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