@fattureincloud/fic-design-system 0.4.6 → 0.4.9-expenses.1.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## v0.4.9 - 23/02/2022
+
+### 🐛 Bug Fix
+
+- Fix FontAwesome version
+
+## v0.4.8 - 23/02/2022
+
+### 🐛 Bug Fix
+
+- Downgrade FontAwesome to v5 due to browser compatibility issues
+
+## v0.4.7 - 22/02/2022
+
+### 🚀 Added
+
+- Add new FileUploader component
+- Add new Table component
+
+### 🐛 Bug Fix
+
+- Fix appearance of multiline (long) Select Options 
+
 ## v0.4.6 - 15/02/2022
 
 ### 🚀 Added
@@ -23,7 +46,7 @@
 
 ## v0.4.5 - 08/02/2022
 
-- Update FontAwesome to v6.0.0
+- Update FontAwesome to v6.0.0 (Downgraded to v5 in v0.4.8)
 
 ## v0.4.4 - 25/01/2022
 

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     title?: string;
     renderTitle?: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AvatarProps } from './types';
 declare const Avatar: import("styled-components").StyledComponent<(props: AvatarProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default Avatar;

package/dist/components/avatar/AvatarImage.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AvatarImageProps } from './typings/avatar';
+export declare const AvatarImage: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarImageProps, never>;

package/dist/components/avatar/AvatarInitials.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AvatarInitialsProps } from './typings/avatar';
+export declare const AvatarInitials: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarInitialsProps, never>;

package/dist/components/avatar/AvatarPlaceholder.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AvatarPlaceholderProps } from './typings/avatar';
+export declare const AvatarPlaceholder: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarPlaceholderProps, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { AvatarProps } from './types';
 export declare const Generic: () => JSX.Element;

package/dist/components/avatar/baseAvatar.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BaseAvatarProps } from './typings/avatar';
+export declare const BaseAvatar: import("styled-components").StyledComponent<(props: BaseAvatarProps) => JSX.Element, any, {}, never>;

package/dist/components/avatar/typings/avatar.d.ts

@@ -0,0 +1,30 @@
+export declare type AvatarProps = AvatarInitialsProps | AvatarPlaceholderProps | AvatarImageProps;
+export interface AvatarPlaceholderProps {
+    size: 'xs' | 's' | 'm' | 'l';
+    placeholder?: string;
+}
+export interface AvatarImageProps {
+    image?: string;
+    size: 'xs' | 's' | 'm' | 'l';
+}
+export interface AvatarInitialsProps extends AvatarImageProps {
+    color?: 'blue' | 'red' | 'green' | 'yellow';
+    initials: string;
+}
+export interface BaseAvatarProps {
+    className?: string;
+    initials?: string;
+    size: 'xs' | 's' | 'm' | 'l';
+}
+export declare const avatarSizes: {
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+};
+export declare const textSizes: {
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+};

package/dist/components/badge/{Badge.d.ts → badge.d.ts}

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BadgeProps } from './types';
 export declare const Badge: (props: BadgeProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { BadgeProps } from './types';
 export declare const Normal: () => JSX.Element;

package/dist/components/badge/components/styledBadgeWrapper.d.ts

@@ -0,0 +1 @@
+export declare const StyledBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '../icon';
 export declare type bannerColorType = 'red' | 'blue' | 'yellow' | 'green' | 'grey' | undefined;
 export interface BannerProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { BannerProps } from './Banner';
 export declare const WithKnobs: () => JSX.Element;

package/dist/components/buttons/baseButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BaseButtonProps } from './typings/baseButton';
+export declare const BaseButton: (props: BaseButtonProps) => JSX.Element;

package/dist/components/buttons/button/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from './Button';
 import { ButtonStyles, WrapperProps } from './types';
 export declare const LeftIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/buttons/button.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from './typings/buttons';
+export declare const Button: import("styled-components").StyledComponent<(props: import("./typings/baseButton").BaseButtonProps) => JSX.Element, any, ButtonProps, never>;

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

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

package/dist/components/buttons/iconButton/iconButton.stories.d.ts

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

package/dist/components/buttons/iconButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconButtonProps } from './typings/iconButton';
+export declare const IconButtonWrapper: import("styled-components").StyledComponent<({ onClick, target, className, href, style, children }: IconButtonProps) => JSX.Element, any, IconButtonProps, never>;

package/dist/components/buttons/iconButton.stories.d.ts

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

package/dist/components/buttons/typings/baseButton.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { IconProps } from '../../icon/Icon';
+export interface BaseButtonProps {
+    text: string | JSX.Element;
+    iconLeft?: IconProps;
+    iconRight?: IconProps;
+    contentMaxWidth?: string;
+    className?: string;
+    href?: string;
+    target?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: CSSProperties;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+}

package/dist/components/buttons/typings/buttons.d.ts

@@ -0,0 +1,9 @@
+import { BaseButtonProps } from './baseButton';
+export interface ButtonProps extends BaseButtonProps {
+    color?: 'blue' | 'red' | 'green' | 'white' | 'yellow';
+    useSecondaryColor?: boolean;
+    size?: 'medium' | 'large';
+    reactRouterLink?: boolean;
+    fullWidth?: boolean;
+    inNavbar?: boolean;
+}

package/dist/components/buttons/typings/iconButton.d.ts

@@ -0,0 +1,13 @@
+import { IconProps } from '../../icon/Icon';
+import { ReactElement } from 'react';
+export interface IconButtonProps {
+    className?: string;
+    href?: string;
+    target?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: object;
+    children: ReactElement<IconProps>;
+    color?: 'blue' | 'red' | 'green' | 'white' | 'yellow';
+    useSecondaryColor?: boolean;
+    reactRouterLink?: boolean;
+}

package/dist/components/buttons/utils.d.ts

@@ -0,0 +1,47 @@
+export declare const getColorRoot: (secondary: boolean | undefined) => {
+    blue: {
+        normal: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        text: string;
+        textHover: string;
+    };
+    red: {
+        normal: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        text: string;
+        textHover: string;
+    };
+    green: {
+        normal: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        text: string;
+        textHover: string;
+    };
+    white: {
+        normal: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        text: string;
+        textHover: string;
+    };
+    yellow: {
+        normal: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        text: string;
+        textHover: string;
+    };
+};
+declare type TgetButtonColor = (secondary: boolean | undefined, color: string | undefined, type: string, theme: any) => string;
+export declare const getButtonColor: TgetButtonColor;
+declare type TgetIconButtonColor = (secondary: boolean | undefined, color: string | undefined, type: string, theme: any) => string;
+export declare const getIconButtonColor: TgetIconButtonColor;
+export {};

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

@@ -0,0 +1,15 @@
+import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<CheckboxLabelProps, 'hasError'> {
+    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    text?: string;
+    error?: string;
+    className?: string;
+    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+}
+export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
+    value: CheckboxImplProps['value'] | boolean;
+}
+declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

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

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

package/dist/components/checkbox/checkboxPalette.d.ts

@@ -0,0 +1,16 @@
+import { paletteColor } from '../../styles/types';
+import { checkboxParts, checkboxState, checkboxStatus } from './types';
+export declare type CheckboxPalette = {
+    input: {
+        [k in checkboxState]: {
+            [k in checkboxStatus]: {
+                [k in checkboxParts]: paletteColor;
+            };
+        };
+    };
+    label: {
+        [k in checkboxState]: paletteColor;
+    };
+};
+declare const checkboxPalette: CheckboxPalette;
+export default checkboxPalette;

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

@@ -0,0 +1,9 @@
+import { checkboxStatus, CheckboxStyles } from '../types';
+export interface CheckboxInputProps {
+    value: checkboxStatus;
+    isDisabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, "height" | "width" | "backgroundColor" | "tickColor" | "borderColor" | "cursor" | "opacity">;
+export default Input;

package/dist/components/checkbox/components/checkbox-input.d.ts

@@ -0,0 +1,2 @@
+import { ICheckboxInput } from '../typings/checkbox';
+export declare const CheckboxInput: import("styled-components").StyledComponent<"span", any, ICheckboxInput, never>;

package/dist/components/checkbox/components/container.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxContainerInterface } from '../typings/checkbox';
+export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CheckboxContainerInterface, never>;

package/dist/components/checkbox/components/label.d.ts

@@ -0,0 +1,8 @@
+import { MappedLabelProps } from '../types';
+export interface CheckboxLabelProps {
+    large?: boolean;
+    isDisabled?: boolean;
+    hasError: boolean;
+}
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, "color" | "fontSize" | "cursor" | "opacity">;
+export default Label;

package/dist/components/checkbox/components/styledCheckboxInputWrapper.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxInputInterface } from '../typings/checkbox';
+export declare const CheckboxInput: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxInputInterface, never>;

package/dist/components/checkbox/hooks/useCheckboxValue.d.ts

@@ -0,0 +1,11 @@
+import { checkboxStatus } from '../types';
+interface UseCheckboxValueReturn {
+    status: checkboxStatus;
+    value: boolean;
+    setCheck: () => void;
+    setUncheck: () => void;
+    setIndeterminate: () => void;
+    toggleCheckbox: () => void;
+}
+declare const useCheckboxValue: (initialValue?: boolean | "checked" | "unchecked" | "indeterminate") => UseCheckboxValueReturn;
+export default useCheckboxValue;

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import Checkbox, { CheckboxProps } from './Checkbox';
+import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
+import useCheckboxValue from './hooks/useCheckboxValue';
+export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };

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

@@ -0,0 +1,19 @@
+import { paletteColor } from '../../styles/types';
+export declare type checkboxStatus = 'checked' | 'unchecked' | 'indeterminate';
+export declare type checkboxState = 'normal' | 'error';
+export declare type checkboxParts = 'tickColor' | 'backgroundColor' | 'borderColor';
+export interface CheckboxStyles {
+    height: string;
+    width: string;
+    backgroundColor: paletteColor;
+    tickColor: paletteColor;
+    borderColor: paletteColor;
+    cursor: string;
+    opacity: number;
+}
+export interface MappedLabelProps {
+    fontSize: string;
+    cursor: string;
+    color: paletteColor;
+    opacity: number;
+}

package/dist/components/checkbox/typings/checkbox.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+declare type TCheckboxPropsSize = 'medium' | 'large' | 'small';
+declare type TCheckboxPropsOnChange = (value: boolean) => void;
+export interface CheckboxInputInterface {
+    size?: TCheckboxPropsSize;
+    isDisabled?: boolean;
+    isChecked: boolean;
+}
+export interface CheckboxContainerInterface {
+    size?: TCheckboxPropsSize;
+}
+export interface LabelInterface {
+    isDisabled?: boolean;
+    size?: TCheckboxPropsSize;
+}
+export declare type TcontentRenderer = (props: {
+    size?: TCheckboxPropsSize;
+    text: string;
+    value: boolean;
+    isIndeterminate?: boolean;
+    isDisabled?: boolean;
+}) => JSX.Element;
+export declare type TWrapper = (props: CheckboxPropsInterface) => JSX.Element;
+export declare type TonChangeHandler = (props: {
+    isDisabled?: boolean;
+    onChange: TCheckboxPropsOnChange;
+    value: boolean;
+}) => void;
+export interface CheckboxPropsInterface {
+    size?: TCheckboxPropsSize;
+    text: string;
+    value: boolean;
+    isDisabled?: boolean;
+    isIndeterminate?: boolean;
+    onChange: TCheckboxPropsOnChange;
+    renderCheckbox?: TcontentRenderer;
+}
+export {};

package/dist/components/checkbox/utils.d.ts

@@ -0,0 +1,24 @@
+import { DefaultTheme } from 'styled-components';
+import { IconProps } from '../icon';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+import { checkboxStatus, CheckboxStyles } from './types';
+interface InputMapParams extends CheckboxInputProps {
+    theme: DefaultTheme;
+}
+export declare const getInputStyle: ({ theme, value, isDisabled, large, hasError }: InputMapParams) => CheckboxStyles;
+interface LabelMapProps extends CheckboxLabelProps {
+    theme: DefaultTheme;
+}
+export declare const getLabelStyle: ({ isDisabled, large, theme, hasError }: LabelMapProps) => {
+    fontSize: string;
+    cursor: string;
+    opacity: number;
+    color: string;
+};
+declare type statusIconType = {
+    [k in checkboxStatus]: IconProps['icon'] | null;
+};
+export declare const statusIcon: statusIconType;
+export declare const convertToStatus: (value: boolean | "checked" | "unchecked" | "indeterminate") => checkboxStatus;
+export {};

package/dist/components/chips/components/styledChipWrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChipsProps } from '../types';
 export declare const StyledChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipsProps, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ChipsProps {
     text?: string | number;
     statusEdit?: boolean;

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

@@ -0,0 +1,5 @@
+export declare const BackgroundWrapper: import("styled-components").StyledComponent<"div", any, {
+    background?: boolean | undefined;
+    color?: "blue" | "base" | "black" | "white" | "grey" | "indigo" | "yellow" | "orange" | "red" | "green" | "fucsia" | "pink" | "cyan" | "primary" | undefined;
+    size?: string | number | undefined;
+}, never>;

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

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

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

@@ -0,0 +1,6 @@
+import { IconType, PremadeIconType } from './typings';
+export declare const Icon: IconType;
+export declare const SolidIcon: PremadeIconType;
+export declare const RegularIcon: PremadeIconType;
+export declare const LightIcon: PremadeIconType;
+export declare const BrandIcon: PremadeIconType;

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

@@ -0,0 +1,43 @@
+import React, { CSSProperties } from 'react';
+import { palette } from '../../../styles/palette';
+import { IconName, IconPrefix } from '@fortawesome/fontawesome-common-types';
+import { RotateProp } from '@fortawesome/fontawesome-svg-core';
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+export declare type TypePropType = 'solid' | 'regular' | 'light' | 'brand' | 'duotone';
+declare type FaPropsType = Partial<FontAwesomeIconProps>;
+export interface IconImplProps {
+    name: IconName;
+    type?: TypePropType;
+    spin?: boolean;
+    pulse?: boolean;
+    fixedWidth?: boolean;
+    rotation?: RotateProp;
+    style?: CSSProperties;
+    className?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    faProps?: FaPropsType;
+    background?: boolean;
+    color?: keyof typeof palette.colors;
+    size?: string | number;
+}
+export interface IconProps extends IconImplProps {
+    color?: keyof typeof palette.colors;
+    marginLeft?: string | number;
+    marginRight?: string | number;
+    primaryOpacity?: number;
+    secondaryOpacity?: number;
+    secondaryColor?: keyof typeof palette.colors;
+    size?: string | number;
+    background?: boolean;
+}
+export declare type PremadeIconProps = Omit<IconProps, 'type'>;
+export declare type PrefixMappingType = {
+    solid: IconPrefix;
+    regular: IconPrefix;
+    light: IconPrefix;
+    brand: IconPrefix;
+    duotone: IconPrefix;
+};
+export declare type IconType = (props: IconProps) => JSX.Element;
+export declare type PremadeIconType = (props: PremadeIconProps) => JSX.Element;
+export { IconName };

package/dist/components/drawer/components/styledDrawerWrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UnstyledDrawerProps } from '../types';
 export declare const StyledDrawerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledDrawerProps, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     show?: boolean;
     title?: string;

package/dist/components/dropdown/components/Item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownItemProps } from '../types';
 import { DropdownItemStyles } from '../utils';
 declare const Item: ({ active, className, icon, onClick, shortcut, text, isDisabled, ...rest }: DropdownItemProps) => JSX.Element;

package/dist/components/dropdown/components/Separator.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Separator: () => JSX.Element;
 export default Separator;

package/dist/components/dropdown/components/StyledDropdown.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/// <reference types="@emotion/core" />
+import { UnstyledDropdownProps } from '../types';
+export declare const StyledDropdown: import("styled-components").StyledComponent<"div", any, UnstyledDropdownProps, never>;
+export declare const StyledDropdownTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TriggerButtonStyled: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../buttons/typings/buttons").ButtonProps>, any, {}, never>;
+export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/dropdown/components/StyledDropdownWrapper.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UnstyledDropdownProps } from '../types';
+export declare const StyledDropdownWrapper: import("styled-components").StyledComponent<"div", any, UnstyledDropdownProps & {
+    children: React.ReactNode;
+}, never>;
+export declare const UserWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDropdownTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TriggerButtonStyled: import("styled-components").StyledComponent<React.FunctionComponent<import("../../buttons/typings/buttons").ButtonProps>, any, {}, never>;
+export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/dropdown/components/Title.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TitleProps } from '../types';
 declare const Title: (props: TitleProps) => JSX.Element;
 export default Title;

package/dist/components/dropdown/components/UnstyledDropdown.d.ts

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+import { UnstyledDropdownProps, UnstyledDropdownState } from '../types';
+declare class UnstyledDropdown extends Component<UnstyledDropdownProps, UnstyledDropdownState> {
+    constructor(props: UnstyledDropdownProps);
+    handleTriggerClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    showDropdown: () => void;
+    hideDropdown: () => void;
+    renderDefaultTrigger: (title: string) => JSX.Element;
+    onSelectedItem: (id: React.ReactText) => void;
+    renderDropDown: () => JSX.Element | undefined;
+    render(): JSX.Element;
+}
+export default UnstyledDropdown;

package/dist/components/dropdown/components/UserListItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UserListItemProps } from '../types';
 export declare const UserListItem: (props: UserListItemProps) => JSX.Element;
 export declare const UserListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { DropdownProps } from './types';
 export declare const Simple: () => JSX.Element;

package/dist/components/dropdownLegacy/DropdownImpl.d.ts

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+import { DropdownImplProps, UnstyledDropdownState } from './types';
+export default class DropdownImpl extends Component<DropdownImplProps, UnstyledDropdownState> {
+    constructor(props: DropdownImplProps);
+    handleTriggerClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    showDropdown: () => void;
+    hideDropdown: () => void;
+    renderDefaultTrigger: (title: string) => JSX.Element;
+    onSelectedItem: (id: React.ReactText) => void;
+    renderDropDown: () => JSX.Element | undefined;
+    render(): JSX.Element;
+}

package/dist/components/dropdownLegacy/components/Item.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ItemProps } from '../types';
+declare const Item: (props: ItemProps) => JSX.Element;
+export declare const StyledItem: import("styled-components").StyledComponent<"div", any, {
+    active?: boolean | undefined;
+    isLabel?: boolean | undefined;
+}, never>;
+export default Item;

package/dist/components/dropdownLegacy/components/Separator.d.ts

@@ -0,0 +1,2 @@
+declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default Separator;

package/dist/components/dropdownLegacy/components/ShortcutText.d.ts

@@ -0,0 +1 @@
+export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/dropdownLegacy/components/Title.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TitleProps } from '../types';
+declare const Title: (props: TitleProps) => JSX.Element;
+export default Title;