@loadsmart/loadsmart-ui 8.0.0-beta.1 → 8.0.0-rc.1

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

@@ -16,8 +16,8 @@ export interface BannerActionProps extends BannerProps {
     onActionButtonClick?: () => void;
     onSecondaryActionButtonClick?: () => void;
 }
-export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../common/CloseButton').CloseButtonProps, never>> & string & Omit<typeof DefaultCloseButton, keyof React.Component<any, {}, any>>;
-export declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../IconFactory').IconProps<import('../IconFactory').IconMapping> | (import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>), import('styled-components/dist/types').BaseObject>> & (string & (Omit<React.ComponentClass<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, keyof React.Component<any, {}, any>>));
+export declare const CloseButton: import('styled-components').StyledComponent<typeof DefaultCloseButton, any, {}, never>;
+export declare const Icon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {}, never>;
 declare function Banner({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
 export declare function BannerLarge({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
 export declare function BannerAction({ scale, variant, icon, title, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, ...others }: BannerActionProps): JSX.Element;

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

@@ -2,4 +2,4 @@ import { BreadcrumbsProps } from './Breadcrumbs';
 import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, BreadcrumbsProps>;
+export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, BreadcrumbsProps>;

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

@@ -11,7 +11,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     scale?: 'small' | 'default' | 'large';
     loading?: boolean;
 }
-export declare const Children: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ButtonProps>> & string;
+export declare const Children: import('styled-components').StyledComponent<"span", any, ButtonProps, never>;
 export declare const BaseButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export declare function Caret(props: Omit<IconProps, 'name'>): JSX.Element;

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

@@ -3,7 +3,7 @@ import { CalendarDate } from './Date.helper';
 import { CalendarProps } from './Calendar.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CalendarProps>;
+export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CalendarProps>;
 export declare function Selection(): JSX.Element;
 declare function isWeekend(date: CalendarDate): boolean;
 export declare function CalendarConstraints(args: CalendarProps): JSX.Element;

package/dist/components/Calendar/Pickers/DayPicker.d.ts

@@ -1,6 +1,6 @@
 import { CalendarPickerProps } from '../Calendar.types';
 export declare const WEEKDAYS: string[];
-export declare const formatter: import('../DateFormat.helper').DateFormat;
+export declare const formatter: import('..').DateFormat;
 /**
  * filling days of previous month
  * TODO: supress this for range selection

package/dist/components/Calendar/Pickers/PickerButton.d.ts

@@ -1,6 +1,4 @@
-declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<Omit<import('../../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-}, "$status"> & {
+declare const _default: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('../../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, any, {
     $status: "default" | "current-day" | "faded" | "selection-start" | "selection-end" | "selection" | "next-month-day";
-}, never>> & string;
+}, never>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { default as React, HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { default as CardTitle } from './CardTitle';
 import { default as Status } from '../../utils/types/Status';
 export interface CardProps extends HTMLAttributes<HTMLElement> {
@@ -9,8 +9,8 @@ export interface CardProps extends HTMLAttributes<HTMLElement> {
 declare function Card({ flagged, status, children, ...others }: CardProps): JSX.Element;
 declare namespace Card {
     var Title: typeof CardTitle;
-    var Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-    var Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
-    var Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    var Subtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+    var Separator: import("styled-components").StyledComponent<"hr", any, {}, never>;
+    var Body: import("styled-components").StyledComponent<"div", any, {}, never>;
 }
 export default Card;

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

@@ -1,8 +1,8 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { CardProps } from './Card';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<CardProps>;
-export declare const Default: Story<CardProps>;
-export declare const TitleOnly: Story<CardProps>;
-export declare const Flagged: Story<CardProps>;
+export declare const Playground: StoryFn<CardProps>;
+export declare const Default: StoryFn<CardProps>;
+export declare const TitleOnly: StoryFn<CardProps>;
+export declare const Flagged: StoryFn<CardProps>;

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

@@ -1,8 +1,8 @@
-import { default as React, ReactNode, HTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
 export interface CardTitleProps extends HTMLAttributes<HTMLElement> {
     leading?: ReactNode;
 }
-declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Wrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
 declare function CardTitle({ children, leading, ...others }: CardTitleProps): JSX.Element;
 export { Wrapper as CardTitleWrapper };
 export default CardTitle;

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

@@ -4,7 +4,7 @@ import { CalendarDate } from '../Calendar';
 import { DatePickerProps } from './DatePicker.types';
 import { TextFieldProps } from '../TextField';
 export declare const formatter: import('../Calendar').DateFormat;
-export declare const ClearButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../common/CloseButton').CloseButtonProps, never>> & string & Omit<typeof CloseButton, keyof React.Component<any, {}, any>>;
+export declare const ClearButton: import('styled-components').StyledComponent<typeof CloseButton, any, {}, never>;
 interface DateInputProps extends Omit<TextFieldProps, 'onChange'> {
     onChange: (date: CalendarDate) => void;
 }

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

@@ -1,9 +1,9 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { DatePickerProps } from './DatePicker.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<DatePickerProps>;
-export declare const WithValue: Story<DatePickerProps>;
+export declare const Playground: StoryFn<DatePickerProps>;
+export declare const WithValue: StoryFn<DatePickerProps>;
 export declare function DatePickerConstraints(args: DatePickerProps): JSX.Element;
 export declare namespace DatePickerConstraints {
     var args: {

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

@@ -1,9 +1,9 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { DateRangePickerProps } from './DatePicker.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<DateRangePickerProps>;
-export declare const WithValue: Story<DateRangePickerProps>;
+export declare const Playground: StoryFn<DateRangePickerProps>;
+export declare const WithValue: StoryFn<DateRangePickerProps>;
 export declare function DateRangePickerConstraints(args: DateRangePickerProps): JSX.Element;
 export declare namespace DateRangePickerConstraints {
     var args: {

package/dist/components/Dialog/Dialog.d.ts

@@ -25,11 +25,13 @@ export interface DialogActionCancelProps extends Omit<ButtonProps, 'onClick' | '
 declare function DialogActionCancel({ onCancel, children, ...others }: DialogActionCancelProps): React.JSX.Element;
 declare function Dialog({ scale, open, ...others }: DialogProps): JSX.Element;
 declare namespace Dialog {
-    var Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-    var Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    var Header: import("styled-components").StyledComponent<"h1", any, {}, never>;
+    var Body: import("styled-components").StyledComponent<"div", any, {}, never>;
     var ActionConfirm: typeof DialogActionConfirm;
     var ActionCancel: typeof DialogActionCancel;
     var Actions: typeof DialogActions;
-    var Close: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("../..").CloseButtonProps, import("../..").CloseButtonProps>, never>, never>, never>> & string;
+    var Close: import("styled-components").StyledComponent<typeof import("../..").CloseButton, any, {
+        size: 16;
+    }, "size">;
 }
 export default Dialog;

package/dist/components/DragDropFile/styles.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 import { StackProps, Stack } from '../Layout/Stack';
 import { DropZoneProps } from './types';
-export declare const DragDropFileWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<StackProps, {
+export declare const DragDropFileWrapper: import('styled-components').StyledComponent<typeof Stack, any, {
     withFileList: boolean;
-}>> & string & Omit<typeof Stack, keyof React.Component<any, {}, any>>;
-export declare const DropZoneWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<StackProps, Pick<DropZoneProps, "disabled" | "error">>> & string & Omit<(props: StackProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
-export declare const HiddenInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const UploadIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../IconFactory').IconProps<import('../IconFactory').IconMapping> | (import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>), import('styled-components/dist/types').BaseObject>> & (string & (Omit<React.ComponentClass<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, keyof React.Component<any, {}, any>>));
-export declare const FileListUL: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<StackProps, never>> & string & Omit<(props: StackProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
-export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+}, never>;
+export declare const DropZoneWrapper: import('styled-components').StyledComponent<(props: StackProps) => React.JSX.Element, any, Pick<DropZoneProps, "disabled" | "error">, never>;
+export declare const HiddenInput: import('styled-components').StyledComponent<"input", any, {}, never>;
+export declare const UploadIcon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {}, never>;
+export declare const FileListUL: import('styled-components').StyledComponent<(props: StackProps) => React.JSX.Element, any, {}, never>;
+export declare const Divider: import('styled-components').StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1,6 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { DrawerProps } from './Drawer';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<DrawerProps>;
-export declare const SmallerContentPlayground: Story<DrawerProps>;
+export declare const Playground: StoryFn<DrawerProps>;
+export declare const SmallerContentPlayground: StoryFn<DrawerProps>;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -40,8 +40,8 @@ declare namespace Dropdown {
     var Menu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
     var Section: typeof DropdownMenuSection;
     var Item: typeof DropdownMenuItem;
-    var Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
-        ref?: ((instance: HTMLHRElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLHRElement> | null | undefined;
-    }>, never>, never>> & string;
+    var Separator: import("styled-components").StyledComponent<"hr", any, {
+        'aria-hidden': true;
+    }, "aria-hidden">;
 }
 export default Dropdown;

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

@@ -1,4 +1,4 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { DropdownProps, DropdownTriggerProps } from './Dropdown.types';
 declare const meta: Meta;
 export default meta;
@@ -6,7 +6,7 @@ export type DropdownStoryProps = DropdownProps & {
     scale: DropdownTriggerProps['scale'];
     outlined?: DropdownTriggerProps['outlined'];
 };
-export declare const Playground: Story<DropdownStoryProps>;
-export declare const WithSections: Story<DropdownStoryProps>;
-export declare const Extended: Story<DropdownStoryProps>;
-export declare const CustomTrigger: Story<DropdownStoryProps>;
+export declare const Playground: StoryFn<DropdownStoryProps>;
+export declare const WithSections: StoryFn<DropdownStoryProps>;
+export declare const Extended: StoryFn<DropdownStoryProps>;
+export declare const CustomTrigger: StoryFn<DropdownStoryProps>;

package/dist/components/Dropdown/DropdownMenu.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSectionProps } from './Dropdown.types';
-export declare const DropdownSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
-    ref?: ((instance: HTMLHRElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLHRElement> | null | undefined;
-}>, never>, never>> & string;
+export declare const DropdownSeparator: import('styled-components').StyledComponent<"hr", any, {
+    'aria-hidden': true;
+}, "aria-hidden">;
 export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
 export declare function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
 export declare function DropdownMenuSection(props: DropdownMenuSectionProps): JSX.Element;

package/dist/components/Dropdown/DropdownTrigger.d.ts

@@ -1,7 +1,7 @@
 import { default as React, ButtonHTMLAttributes, HTMLAttributes } from 'react';
 import { DropdownTriggerProps, DropdownContextReturn } from './Dropdown.types';
 import { default as ColorScheme } from '../../utils/types/ColorScheme';
-export interface DropdownTriggerButtonProps extends DropdownTriggerProps {
+export interface DropdownTriggerButtonProps extends Omit<DropdownTriggerProps, 'children'> {
     children: DropdownTriggerProps['children'] | ((args: DropdownContextReturn) => React.ReactNode);
 }
 declare function DropdownTriggerButton(props: DropdownTriggerButtonProps): JSX.Element;

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

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { HighlightMatchProps } from './HighlightMatch';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<HighlightMatchProps>;
+export declare const Playground: StoryFn<HighlightMatchProps>;

package/dist/components/IconFactory/IconFactory.d.ts

@@ -11,7 +11,7 @@ export interface IconProps<T> {
     className?: string;
     color?: ThemeColors;
 }
-export type IconMapping = Record<string, ReactElement | ((props: never) => ReactElement)>;
+export type IconMapping = Record<string, ComponentType<Omit<IconProps<string>, 'name'>>>;
 export declare function UnknownIcon(): ReactElement;
 declare function IconFactory(map: IconMapping): ComponentType<IconProps<typeof map>>;
 export default IconFactory;

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

@@ -1,6 +1,6 @@
-import { Story, Meta } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { icons } from './IconFactory.fixtures';
 import { IconProps } from './IconFactory';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<IconProps<typeof icons>>;
+export declare const Playground: StoryFn<IconProps<typeof icons>>;

package/dist/components/Layout/Stack.d.ts

@@ -6,11 +6,11 @@ export interface StackProps extends HTMLAttributes<HTMLElement> {
     align?: AlignValue;
     as?: string | React.ComponentType<any>;
 }
-export declare const StackContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StackContainer: import('styled-components').StyledComponent<"div", any, {
     $space: StackProps["space"];
     $justify: StackProps["justify"];
     $align: StackProps["align"];
-}>> & string;
+}, never>;
 /**
  * Stack layout component.
  * @param {StackProps} props

package/dist/components/Loaders/LoadingBar.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-export declare const Bar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const Bar: import('styled-components').StyledComponent<"div", any, {
     width?: number;
     velocity?: number;
-}>> & string;
+}, never>;
 export interface LoadingBarProps {
     alignment?: 'left' | 'center' | 'right';
     title?: React.ReactNode;

package/dist/components/Loaders/LoadingBar.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { LoadingBarProps } from './LoadingBar';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<LoadingBarProps>;
+export declare const Playground: StoryFn<LoadingBarProps>;

package/dist/components/Loaders/LoadingDots.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { LoadingDotsProps } from './LoadingDots';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<LoadingDotsProps>;
-export declare const InsideButton: Story<LoadingDotsProps>;
+export declare const Playground: StoryFn<LoadingDotsProps>;
+export declare const InsideButton: StoryFn<LoadingDotsProps>;

package/dist/components/Loaders/Spinner.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { SpinnerProps } from './Spinner';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<SpinnerProps>;
+export declare const Playground: StoryFn<SpinnerProps>;

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

@@ -15,6 +15,8 @@ declare namespace Modal {
     var Header: ({ title, children }: PropsWithChildren<{
         title: string;
     }>) => React.JSX.Element;
-    var Close: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("common/CloseButton").CloseButtonProps, import("common/CloseButton").CloseButtonProps>, never>, never>> & string & Omit<typeof CloseButton, keyof React.Component<any, {}, any>>;
+    var Close: import("styled-components").StyledComponent<typeof CloseButton, any, {
+        size: 16;
+    }, "size">;
 }
 export default Modal;

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

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { PaginationProps } from './Pagination.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<PaginationProps>;
+export declare const Playground: StoryFn<PaginationProps>;

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

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { PopoverProps } from './Popover.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<PopoverProps>;
+export declare const Playground: StoryFn<PopoverProps>;

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

@@ -1,19 +1,19 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { SelectProps } from './Select.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<SelectProps>;
-export declare const SingleSyncDatasource: Story<SelectProps>;
-export declare const SingleCustomOptionRendering: Story<SelectProps>;
-export declare const SingleCustomEmptyRendering: Story<SelectProps>;
-export declare const SingleAsyncDatasource: Story<SelectProps>;
-export declare const SingleMixedDatasources: Story<SelectProps>;
-export declare const MultiSyncDatasource: Story<SelectProps>;
-export declare const MultiAsyncDatasource: Story<SelectProps>;
-export declare const MultiMixedDatasource: Story<SelectProps>;
-export declare const VariousAsyncDatasources: Story<SelectProps>;
-export declare const MultiCustomOptionRendering: Story<SelectProps>;
-export declare const CreatableSync: Story<SelectProps>;
-export declare const CreatableAsync: Story<SelectProps>;
-export declare const CustomCreatableOption: Story<SelectProps>;
-export declare const SelectWithFixedCreatableOption: Story<SelectProps>;
+export declare const Playground: StoryFn<SelectProps>;
+export declare const SingleSyncDatasource: StoryFn<SelectProps>;
+export declare const SingleCustomOptionRendering: StoryFn<SelectProps>;
+export declare const SingleCustomEmptyRendering: StoryFn<SelectProps>;
+export declare const SingleAsyncDatasource: StoryFn<SelectProps>;
+export declare const SingleMixedDatasources: StoryFn<SelectProps>;
+export declare const MultiSyncDatasource: StoryFn<SelectProps>;
+export declare const MultiAsyncDatasource: StoryFn<SelectProps>;
+export declare const MultiMixedDatasource: StoryFn<SelectProps>;
+export declare const VariousAsyncDatasources: StoryFn<SelectProps>;
+export declare const MultiCustomOptionRendering: StoryFn<SelectProps>;
+export declare const CreatableSync: StoryFn<SelectProps>;
+export declare const CreatableAsync: StoryFn<SelectProps>;
+export declare const CustomCreatableOption: StoryFn<SelectProps>;
+export declare const SelectWithFixedCreatableOption: StoryFn<SelectProps>;

package/dist/components/SideNavigation/Logo/Logo.d.ts

@@ -1,13 +1,8 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type LogoProps = PropsWithChildren<{
     url: string;
     className?: string;
 }>;
 declare function Logo({ className, url, children }: LogoProps): JSX.Element;
-declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
-    url: string;
-    className?: string;
-} & {
-    children?: React.ReactNode | undefined;
-}, LogoProps>> & string & Omit<typeof Logo, keyof React.Component<any, {}, any>>;
+declare const _default: import('styled-components').StyledComponent<typeof Logo, any, LogoProps, never>;
 export default _default;

package/dist/components/SideNavigation/Menu/Menu.d.ts

@@ -9,13 +9,8 @@ type MenuItemProps = {
     active?: boolean;
 } & PropsWithChildren<MenuLinkProps & MenuExpandableProps>;
 declare function MenuItem(props: MenuItemProps): React.JSX.Element;
-declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<MenuProps, never>> & string & Omit<typeof Menu, keyof React.Component<any, {}, any>> & {
+declare const _default: string & import('styled-components').StyledComponentBase<typeof Menu, any, {}, never> & import('hoist-non-react-statics').NonReactStatics<typeof Menu, {}> & {
     Item: typeof MenuItem;
-    SubItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.HTMLAttributes<HTMLAnchorElement> & {
-        label: string;
-        leading?: React.ReactNode;
-        trailing?: React.ReactNode;
-        url?: string;
-    }, never>> & string & Omit<({ url, ...props }: MenuLinkProps) => JSX.Element, keyof React.Component<any, {}, any>>;
+    SubItem: import('styled-components').StyledComponent<({ url, ...props }: MenuLinkProps) => JSX.Element, any, {}, never>;
 };
 export default _default;

package/dist/components/SideNavigation/Menu/MenuLink.d.ts

@@ -6,10 +6,5 @@ export type MenuLinkProps = React.HTMLAttributes<HTMLAnchorElement> & {
     url?: string;
 };
 declare function MenuLink({ url, ...props }: MenuLinkProps): JSX.Element;
-declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.HTMLAttributes<HTMLAnchorElement> & {
-    label: string;
-    leading?: ReactNode;
-    trailing?: ReactNode;
-    url?: string;
-}, never>> & string & Omit<typeof MenuLink, keyof React.Component<any, {}, any>>;
+declare const _default: import('styled-components').StyledComponent<typeof MenuLink, any, {}, never>;
 export default _default;

package/dist/components/SideNavigation/SideNavigation.d.ts

@@ -6,13 +6,8 @@ export interface SideNavigationProps {
 }
 declare function SideNavigation({ className, children }: SideNavigationProps): JSX.Element;
 declare namespace SideNavigation {
-    var Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
-        url: string;
-        className?: string;
-    } & {
-        children?: ReactNode | undefined;
-    }, import("./Logo/Logo").LogoProps>> & string & Omit<({ className, url, children }: import("./Logo/Logo").LogoProps) => JSX.Element, keyof React.Component<any, {}, any>>;
-    var Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./Menu/Menu").MenuProps, never>> & string & Omit<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, keyof React.Component<any, {}, any>> & {
+    var Logo: import("styled-components").StyledComponent<({ className, url, children }: import("./Logo/Logo").LogoProps) => JSX.Element, any, import("./Logo/Logo").LogoProps, never>;
+    var Menu: string & import("styled-components").StyledComponentBase<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, any, {}, never> & import("hoist-non-react-statics").NonReactStatics<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, {}> & {
         Item: (props: {
             active?: boolean;
         } & React.HTMLAttributes<HTMLAnchorElement> & {
@@ -25,14 +20,9 @@ declare namespace SideNavigation {
         } & {
             children?: ReactNode | undefined;
         }) => React.JSX.Element;
-        SubItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.HTMLAttributes<HTMLAnchorElement> & {
-            label: string;
-            leading?: ReactNode;
-            trailing?: ReactNode;
-            url?: string;
-        }, never>> & string & Omit<({ url, ...props }: import("./Menu/MenuLink").MenuLinkProps) => JSX.Element, keyof React.Component<any, {}, any>>;
+        SubItem: import("styled-components").StyledComponent<({ url, ...props }: import("./Menu/MenuLink").MenuLinkProps) => JSX.Element, any, {}, never>;
     };
     var Separator: typeof import("./Separator").Separator;
-    var CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<CloseButtonProps, CloseButtonProps>> & string & Omit<typeof import("common/CloseButton").default, keyof React.Component<any, {}, any>>;
+    var CloseButton: import("styled-components").StyledComponent<typeof import("common/CloseButton").default, any, CloseButtonProps, never>;
 }
 export default SideNavigation;

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

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { StepsProps } from './Steps';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<StepsProps>;
+export declare const Playground: StoryFn<StepsProps>;

package/dist/components/Steps/StepsStep.d.ts

@@ -1,8 +1,8 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export interface StepsStepProps {
     id: number | string;
     className?: string;
 }
-export declare const StepWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const StepWrapper: import('styled-components').StyledComponent<"article", any, import('../../theming').ThemedProps, never>;
 declare function StepsStep({ children, id, ...others }: PropsWithChildren<StepsStepProps>): JSX.Element;
 export default StepsStep;

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

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { SwitchProps } from './Switch';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<SwitchProps>;
+export declare const Playground: StoryFn<SwitchProps>;

package/dist/components/Table/Table.d.ts

@@ -1,15 +1,14 @@
-import { default as React } from 'react';
-import { useSelection } from './Selection';
+import { useSelection, TableSelectableRow } from './Selection';
 import { default as TableSortHandle } from './TableSortHandle';
 import { TableProps, TableSectionProps, TableRowProps, TableCellProps, TableCaptionProps, TableSelectionProps, SelectionCellProps, TablePickerItemProps, TablePickerProps, ExpandableTableRowProps } from './Table.types';
-declare function Table<T>({ children, selection, scale, ...others }: TableProps<T>): JSX.Element;
+declare function Table<T extends TableSelectableRow>({ children, selection, scale, ...others }: TableProps<T>): JSX.Element;
 declare namespace Table {
     var Head: typeof TableHead;
     var Body: typeof TableBody;
     var Row: typeof TableRow;
     var Cell: typeof TableCell;
     var HeadCell: typeof TableHeadCell;
-    var Foot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+    var Foot: import("styled-components").StyledComponent<"tfoot", any, {}, never>;
     var Caption: typeof TableCaption;
     var Selection: {
         Actions: typeof TableSelectionActions;
@@ -24,8 +23,8 @@ declare function TableCaption({ children, position, height }: TableCaptionProps)
 declare function TableHead({ children, ...others }: TableSectionProps): JSX.Element;
 declare function TableBody({ children, ...others }: TableSectionProps): JSX.Element;
 declare function TableCell({ children, alignment, format, ...others }: TableCellProps): JSX.Element;
-declare function SelectionCell<T>({ value, ...props }: SelectionCellProps<T>): JSX.Element;
-declare function SelectionHeadCell<T>(props: SelectionCellProps<T>): JSX.Element;
+declare function SelectionCell<T extends TableSelectableRow>({ value, ...props }: SelectionCellProps<T>): JSX.Element;
+declare function SelectionHeadCell<T extends TableSelectableRow>(props: SelectionCellProps<T>): JSX.Element;
 declare function TableRow({ children, ...others }: TableRowProps): JSX.Element;
 declare function ExpandableTableRow({ expandableContent, expanded, leading: propsLeading, children, onExpandedChange, initialExpanded, ...others }: ExpandableTableRowProps): JSX.Element;
 declare function TableHeadCell({ alignment, children, onClick, ...others }: TableCellProps): JSX.Element;

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

@@ -17,7 +17,7 @@ export interface TableSelectionProps extends HTMLAttributes<HTMLDivElement> {
         values: TableSelectableRow[];
     }>[];
 }
-export interface SelectionCellProps<T extends Selectable = TableSelectableRow> extends HTMLAttributes<HTMLTableCellElement> {
+export interface SelectionCellProps<T extends TableSelectableRow = TableSelectableRow> extends Omit<HTMLAttributes<HTMLTableCellElement>, 'children'> {
     value?: T;
     children?: (props: {
         selected: boolean;

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

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { TablePaginationProps } from './TablePagination.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<TablePaginationProps>;
+export declare const Playground: StoryFn<TablePaginationProps>;