@loadsmart/loadsmart-ui 8.0.1 → 8.0.2

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

@@ -30,8 +30,6 @@ declare namespace Dialog {
     var ActionConfirm: typeof DialogActionConfirm;
     var ActionCancel: typeof DialogActionCancel;
     var Actions: typeof DialogActions;
-    var Close: import("styled-components").StyledComponent<typeof import("../..").CloseButton, any, {
-        size: 16;
-    }, "size">;
+    var Close: import("styled-components").StyledComponent<any, any, any, any>;
 }
 export default Dialog;

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

@@ -1,7 +1,8 @@
+import { WrapperProps, DropZoneProps, FileListProps } from './types';
 declare const DragDropFile: {
     (): null;
-    Wrapper: ({ children, ...props }: import('./types').WrapperProps) => import("react").JSX.Element;
-    DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: import('./types').DropZoneProps) => import("react").JSX.Element;
-    FileList: ({ disabled, ...props }: import('./types').FileListProps) => import("react").JSX.Element | null;
+    Wrapper: ({ children, ...props }: WrapperProps) => import("react").JSX.Element;
+    DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: DropZoneProps) => import("react").JSX.Element;
+    FileList: ({ disabled, ...props }: FileListProps) => import("react").JSX.Element | null;
 };
 export default DragDropFile;

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

@@ -1,11 +1,10 @@
 import { default as React } from 'react';
-import { StackProps, Stack } from '../Layout/Stack';
+import { StackProps } from '../Layout/Stack';
 import { DropZoneProps } from './types';
-export declare const DragDropFileWrapper: import('styled-components').StyledComponent<typeof Stack, any, {
-    withFileList: boolean;
-}, 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>;
+import { StyledComponent } from 'styled-components';
+export declare const DragDropFileWrapper: StyledComponent<any, any, any, any>;
+export declare const DropZoneWrapper: StyledComponent<(props: StackProps) => React.JSX.Element, any, Pick<DropZoneProps, "disabled" | "error">, never>;
+export declare const HiddenInput: StyledComponent<"input", any, {}, never>;
+export declare const UploadIcon: StyledComponent<any, any, any, any>;
+export declare const FileListUL: StyledComponent<(props: StackProps) => React.JSX.Element, any, {}, never>;
+export declare const Divider: StyledComponent<"div", any, {}, never>;

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

@@ -1,3 +1,4 @@
 import { DropdownContextReturn } from './Dropdown.types';
-declare const DropdownContext: import('react').Context<DropdownContextReturn>;
+import { Context } from 'react';
+declare const DropdownContext: Context<DropdownContextReturn>;
 export default DropdownContext;

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

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSectionProps } from './Dropdown.types';
-export declare const DropdownSeparator: import('styled-components').StyledComponent<"hr", any, {
+import { StyledComponent } from 'styled-components';
+export declare const DropdownSeparator: StyledComponent<"hr", any, {
     'aria-hidden': true;
 }, "aria-hidden">;
 export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/EmptyState/EmptyState.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { EmptyStateProps } from './EmptyState.types';
+import { EmptyStateProps, IllustrationProps } from './EmptyState.types';
 declare const EmptyState: {
     (props: EmptyStateProps): React.JSX.Element;
-    Illustration: React.FC<import('./EmptyState.types').IllustrationProps>;
+    Illustration: React.FC< IllustrationProps>;
 };
 export default EmptyState;

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

@@ -1,4 +1,5 @@
-import { IconProps as GenericIconProps } from '../IconFactory';
+import { IconProps as GenericIconProps, IconMapping } from '../IconFactory';
+import { ComponentType } from 'react';
 declare const icons: {
     'burguer-menu': any;
     calendar: any;
@@ -22,6 +23,6 @@ declare const icons: {
     'dots-horizontal': any;
     'caret-right-last': any;
 };
-declare const Icon: import('react').ComponentType<GenericIconProps<import('../IconFactory').IconMapping>>;
+declare const Icon: ComponentType<GenericIconProps< IconMapping>>;
 export type IconProps = GenericIconProps<typeof icons>;
 export default Icon;

package/dist/components/Label/Label.d.ts

@@ -1,5 +1,5 @@
 import { default as React, LabelHTMLAttributes, ReactNode } from 'react';
-import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { ColorScheme } from '../../utils/types/ColorScheme';
 import { TooltipProps } from '../Tooltip';
 type AcceptedType = 'label' | 'div' | 'span';
 interface WithAdditionalProps {

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

@@ -1,12 +1,13 @@
 import { default as React, HTMLAttributes } from 'react';
 import { Spacing, JustifyValue, AlignValue } from './Layout.types';
+import { StyledComponent } from 'styled-components';
 export interface StackProps extends HTMLAttributes<HTMLElement> {
     readonly space?: Spacing;
     readonly justify?: JustifyValue;
     readonly align?: AlignValue;
     readonly as?: string | React.ComponentType<any>;
 }
-export declare const StackContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const StackContainer: StyledComponent<"div", any, {
     $space: StackProps["space"];
     $justify: StackProps["justify"];
     $align: StackProps["align"];

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

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
-export declare const Bar: import('styled-components').StyledComponent<"div", any, {
+import { StyledComponent } from 'styled-components';
+export declare const Bar: StyledComponent<"div", any, {
     width?: number;
     velocity?: number;
 }, never>;

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

@@ -1,5 +1,4 @@
 import { PropsWithChildren, default as React } from 'react';
-import { default as CloseButton } from '../../common/CloseButton';
 interface WithScaleProps {
     scale?: 'small' | 'default' | 'large';
 }
@@ -15,8 +14,6 @@ declare namespace Modal {
     var Header: ({ title, children }: PropsWithChildren<{
         readonly title: string;
     }>) => React.JSX.Element;
-    var Close: import("styled-components").StyledComponent<typeof CloseButton, any, {
-        size: 16;
-    }, "size">;
+    var Close: import("styled-components").StyledComponent<any, any, any, any>;
 }
 export default Modal;

package/dist/components/Radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes, ReactNode, default as React } from 'react';
-import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { ColorScheme } from '../../utils/types/ColorScheme';
 import { SelectionStyleProps } from '../../common/SelectionWrapper';
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'disabled'>, SelectionStyleProps {
     readonly leading?: ReactNode;

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

@@ -1,5 +1,6 @@
 import { useSelectReturn } from './Select.types';
-declare const SelectableContext: import('react').Context<import('../../hooks/useSelectable/useSelectable.types').useSelectableReturn<import('../../hooks/useSelectable').Selectable>>, useSelectable: (props: import('../../hooks/useSelectable/useSelectable.types').useSelectableProps<import('../../hooks/useSelectable').Selectable>) => import('../../hooks/useSelectable/useSelectable.types').useSelectableReturn<import('../../hooks/useSelectable').Selectable>;
+import { Context } from 'react';
+declare const SelectableContext: any, useSelectable: any;
 export { SelectableContext, useSelectable };
-declare const SelectContext: import('react').Context<useSelectReturn | null>;
+declare const SelectContext: Context<useSelectReturn | null>;
 export { SelectContext };

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

@@ -5,7 +5,7 @@ import { default as SelectCreatableOption } from './SelectCreatableOption';
 import { SelectProps } from './Select.types';
 declare function Select(props: SelectProps): React.JSX.Element;
 declare namespace Select {
-    var Trigger: React.ForwardRefExoticComponent<import("../TextField").TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+    var Trigger: React.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
     var Option: typeof SelectOption;
     var Empty: typeof SelectEmpty;
     var CreatableOption: typeof SelectCreatableOption;

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

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-declare const SelectTrigger: React.ForwardRefExoticComponent<import('../TextField').TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default SelectTrigger;

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

@@ -1,8 +1,9 @@
 import { default as React, PropsWithChildren } from 'react';
+import { StyledComponent } from 'styled-components';
 export type LogoProps = PropsWithChildren<{
     readonly url: string;
     readonly className?: string;
 }>;
 declare function Logo({ className, url, children }: LogoProps): React.JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof Logo, any, LogoProps, never>;
+declare const _default: StyledComponent<typeof Logo, any, LogoProps, never>;
 export default _default;

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

@@ -1,16 +1,6 @@
-import { PropsWithChildren, default as React } from 'react';
-import { MenuExpandableProps } from './MenuExpandable';
-import { MenuLinkProps } from './MenuLink';
+import { default as React } from 'react';
 export interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
     readonly label?: string;
 }
-declare function Menu({ label, children, ...props }: MenuProps): React.JSX.Element;
-type MenuItemProps = {
-    readonly active?: boolean;
-} & PropsWithChildren<MenuLinkProps & MenuExpandableProps>;
-declare function MenuItem(props: MenuItemProps): React.JSX.Element;
-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').StyledComponent<({ url, ...props }: MenuLinkProps) => React.JSX.Element, any, {}, never>;
-};
+declare const _default: any;
 export default _default;

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

@@ -1,4 +1,5 @@
 import { default as React, ReactNode } from 'react';
+import { StyledComponent } from 'styled-components';
 export type MenuLinkProps = React.HTMLAttributes<HTMLAnchorElement> & {
     readonly label: string;
     readonly leading?: ReactNode;
@@ -6,5 +7,5 @@ export type MenuLinkProps = React.HTMLAttributes<HTMLAnchorElement> & {
     readonly url?: string;
 };
 declare function MenuLink({ url, ...props }: MenuLinkProps): React.JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof MenuLink, any, {}, never>;
+declare const _default: StyledComponent<typeof MenuLink, any, {}, never>;
 export default _default;

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

@@ -1,4 +1,3 @@
-import { CloseButtonProps } from '../../common/CloseButton';
 import { ReactNode, default as React } from 'react';
 export interface SideNavigationProps {
     readonly className?: string;
@@ -7,22 +6,8 @@ export interface SideNavigationProps {
 declare function SideNavigation({ className, children }: SideNavigationProps): React.JSX.Element;
 declare namespace SideNavigation {
     var Logo: import("styled-components").StyledComponent<({ className, url, children }: import("./Logo/Logo").LogoProps) => React.JSX.Element, any, import("./Logo/Logo").LogoProps, never>;
-    var Menu: string & import("styled-components").StyledComponentBase<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => React.JSX.Element, any, {}, never> & import("hoist-non-react-statics").NonReactStatics<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => React.JSX.Element, {}> & {
-        Item: (props: {
-            readonly active?: boolean;
-        } & React.HTMLAttributes<HTMLAnchorElement> & {
-            readonly label: string;
-            readonly leading?: ReactNode;
-            readonly trailing?: ReactNode;
-            readonly url?: string;
-        } & React.HTMLAttributes<HTMLDivElement> & {
-            readonly label: string;
-        } & {
-            children?: ReactNode | undefined;
-        }) => React.JSX.Element;
-        SubItem: import("styled-components").StyledComponent<({ url, ...props }: import("./Menu/MenuLink").MenuLinkProps) => React.JSX.Element, any, {}, never>;
-    };
+    var Menu: any;
     var Separator: typeof import("./Separator").Separator;
-    var CloseButton: import("styled-components").StyledComponent<typeof import("common/CloseButton").default, any, CloseButtonProps, never>;
+    var CloseButton: import("styled-components").StyledComponent<any, any, any, any>;
 }
 export default SideNavigation;

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

@@ -1,6 +1,6 @@
 import { default as React, PropsWithChildren } from 'react';
 import { default as StepsStep } from './StepsStep';
-import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { ColorScheme } from '../../utils/types/ColorScheme';
 import { Step } from './Steps.types';
 export interface StepsProps {
     readonly current: number | string;

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

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

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

@@ -18,7 +18,7 @@ export interface TableSelectionCore<T extends Selectable = TableSelectableRow> {
     register: (key?: T) => void;
 }
 export declare function useTableSelectionCore<T extends Selectable>(config?: TableSelectionConfig<T>): TableSelectionCore<T>;
-export declare const TableSelectionContext: React.Context<TableSelectionCore<TableSelectableRow>>;
+export declare const TableSelectionContext: React.Context<TableSelectionCore<any>>;
 type TableSelectionProviderProps = PropsWithChildren<{
     readonly selection?: TableSelectionConfig;
 }>;

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

@@ -1,4 +1,2 @@
-export declare const NoPaddingButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, any, {
-    variant: "tertiary";
-    scale: "small";
-}, "scale" | "variant">;
+import { StyledComponent } from 'styled-components';
+export declare const NoPaddingButton: StyledComponent<any, any, any, any>;

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

@@ -1,11 +1,6 @@
 import { default as React } from 'react';
 import { TablePaginationActionsProps } from './TablePagination.types';
-import { IconProps } from '../Icon';
-export declare const ActionIcon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {
-    color: "neutral-darker";
-    size: "16";
-} & IconProps & {
-    rotate?: number;
-}, "size" | "color">;
+import { StyledComponent } from 'styled-components';
+export declare const ActionIcon: StyledComponent<any, any, any, any>;
 declare function TablePaginationActions({ variant, disabled, onPageChange, page, count, rowsPerPage, }: TablePaginationActionsProps): React.JSX.Element;
 export default TablePaginationActions;

package/dist/components/Tabs/TabsContext.d.ts

@@ -1,8 +1,9 @@
+import { Context } from 'react';
 interface TabContextValue {
     id: string;
     activeTab: string;
     setActiveTab: (name: string) => void;
     direction?: 'horizontal' | 'vertical';
 }
-export declare const TabContext: import('react').Context<TabContextValue>;
+export declare const TabContext: Context<TabContextValue>;
 export {};

package/dist/components/Text/Text.d.ts

@@ -1,9 +1,10 @@
 import { PropsWithChildren } from 'react';
 import { TypographyOptions, TypographyVariants } from '../../styles/typography';
+import { StyledComponent } from 'styled-components';
 export type TextProps = PropsWithChildren<{
     variant?: TypographyVariants;
     italic?: TypographyOptions['italic'];
     color?: TypographyOptions['color'];
 }>;
-declare const _default: import('styled-components').StyledComponent<"span", any, TextProps, never>;
+declare const _default: StyledComponent<"span", any, TextProps, never>;
 export default _default;

package/dist/components/TextField/TextField.d.ts

@@ -1,6 +1,7 @@
 import { default as React, InputHTMLAttributes, ReactNode } from 'react';
-import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { ColorScheme } from '../../utils/types/ColorScheme';
 import { default as Status } from '../../utils/types/Status';
+import { StyledComponent } from 'styled-components';
 interface WithAdditionalProps {
     readonly scale?: 'small' | 'default' | 'large';
     readonly status?: Status;
@@ -12,7 +13,7 @@ export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement>, W
     readonly className?: string;
     readonly children?: ReactNode;
 }
-export declare const Leading: import('styled-components').StyledComponent<"span", any, WithAdditionalProps, never>;
-export declare const Trailing: import('styled-components').StyledComponent<"span", any, WithAdditionalProps, never>;
+export declare const Leading: StyledComponent<"span", any, WithAdditionalProps, never>;
+export declare const Trailing: StyledComponent<"span", any, WithAdditionalProps, never>;
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/components/Textarea/Textarea.d.ts

@@ -1,5 +1,5 @@
 import { default as React, TextareaHTMLAttributes, ReactNode } from 'react';
-import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { ColorScheme } from '../../utils/types/ColorScheme';
 import { default as Status } from '../../utils/types/Status';
 interface WithAdditionalProps {
     readonly scale?: 'small' | 'default' | 'large';

package/dist/components/ToggleGroup/Toggle.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { ToggleGroupOptionProps } from './ToggleGroup.types';
+import { StyledComponent } from 'styled-components';
 declare function Toggle({ value, children, disabled, ...others }: ToggleGroupOptionProps): React.JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof Toggle, any, {}, never>;
+declare const _default: StyledComponent<typeof Toggle, any, {}, never>;
 export default _default;

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

@@ -1,7 +1,7 @@
 import { ButtonProps } from '../Button';
 import { HTMLAttributes } from 'react';
 import { Selectable, SelectableState, SelectableType } from '../../hooks/useSelectable';
-import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { ColorScheme } from '../../utils/types/ColorScheme';
 import { default as EventLike } from '../../utils/types/EventLike';
 export type ToggleGroupType = SelectableType;
 export type ToggleGroupOptionValue = string | number | boolean;

package/dist/components/ToggleGroup/ToggleGroupContext.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ToggleGroupProps, ToggleOption } from './ToggleGroup.types';
+import { ToggleGroupProps } from './ToggleGroup.types';
 declare const ToggleGroupContext: React.Context<Pick<ToggleGroupProps, "scale" | "disabled">>;
-export declare const SelectableContext: React.Context<import('../../hooks/useSelectable/useSelectable.types').useSelectableReturn<ToggleOption>>, useSelectable: (props: import('../../hooks/useSelectable/useSelectable.types').useSelectableProps<ToggleOption>) => import('../../hooks/useSelectable/useSelectable.types').useSelectableReturn<ToggleOption>;
+export declare const SelectableContext: any, useSelectable: any;
 export default ToggleGroupContext;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import { default as React, PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
-import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { ColorScheme } from '../../utils/types/ColorScheme';
 import { PopoverAlign, PopoverPosition } from '../Popover';
 export declare enum TooltipPosition {
     Top = "top",

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

@@ -1,8 +1,9 @@
 import { default as React, PropsWithChildren } from 'react';
+import { StyledComponent } from 'styled-components';
 export type LogoProps = PropsWithChildren<{
     readonly url: string;
     readonly className?: string;
 }>;
 declare function Logo({ url, className, children }: LogoProps): React.JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof Logo, any, LogoProps, never>;
+declare const _default: StyledComponent<typeof Logo, any, LogoProps, never>;
 export default _default;

package/dist/components/TopNavigation/Menu/MenuItemDropdown.d.ts

@@ -1,8 +1,8 @@
 import { default as React, PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
-import { Dropdown } from '../../Dropdown';
-export declare const MenuDropdown: import('styled-components').StyledComponent<typeof Dropdown, any, {}, never>;
-export declare const MenuDropdownSeparator: import('styled-components').StyledComponent<"hr", any, {}, never>;
-export declare const MenuDropdownLabel: import('styled-components').StyledComponent<"label", any, import('../../../theming').ThemedProps, never>;
+import { StyledComponent } from 'styled-components';
+export declare const MenuDropdown: StyledComponent<any, any, any, any>;
+export declare const MenuDropdownSeparator: StyledComponent<"hr", any, {}, never>;
+export declare const MenuDropdownLabel: StyledComponent<"label", any, {}, never>;
 type MenuDropdownSubItemProps = HTMLAttributes<HTMLElement> & {
     readonly label: string;
     readonly url?: string;

package/dist/components/TopNavigation/OpenSideNavButton/OpenSideNavButton.d.ts

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
+import { StyledComponent } from 'styled-components';
 export interface OpenSideNavButtonProps {
     readonly className?: string;
     readonly onClick: () => void;
 }
 declare function OpenSideNavButton({ className, onClick }: OpenSideNavButtonProps): React.JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof OpenSideNavButton, any, OpenSideNavButtonProps, never>;
+declare const _default: StyledComponent<typeof OpenSideNavButton, any, OpenSideNavButtonProps, never>;
 export default _default;

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

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