@nulogy/components 11.3.1 → 12.1.0

package/dist/src/DateRange/StartTime.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const StartTime: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+declare const StartTime: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     disabled?: boolean;
     value?: string;
@@ -20,5 +20,30 @@ declare const StartTime: import("styled-components").StyledComponent<import("rea
     onBlur?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
     onClick?: (...args: any[]) => any;
-}>>, import("styled-components").DefaultTheme, {}, never>;
+} & {
+    children?: import("react").ReactNode;
+}, "ref"> & {
+    ref?: any;
+}, never>> & string & Omit<import("react").FC<import("react").PropsWithChildren<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+    variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
+    disabled?: boolean;
+    value?: string;
+    timeFormat?: string;
+    interval?: number;
+    placeholder?: string;
+    className?: string;
+    onChange?: (...args: any[]) => any;
+    onInputChange?: (...args: any[]) => any;
+    minTime?: string;
+    maxTime?: string;
+    defaultValue?: string;
+    "aria-label"?: string;
+    errorMessage?: string;
+    errorList?: import("react").ReactNode;
+    labelText?: string;
+    ref?: any;
+    onBlur?: (...args: any[]) => any;
+    onFocus?: (...args: any[]) => any;
+    onClick?: (...args: any[]) => any;
+}>>, keyof import("react").Component<any, {}, any>>;
 export default StartTime;

package/dist/src/DescriptionList/DescriptionDetails.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DescriptionDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/DescriptionList/DescriptionList.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from "react";
+import { DescriptionListConfig } from "./DescriptionListContext";
+export type Props = PropsWithChildren<DescriptionListConfig>;
+export declare function DescriptionList({ descriptionTermMaxWidth, layout, showDivider, density, fontSize, lineHeight, autoLayoutBreakpoint, children, }: Props): React.JSX.Element;
+export declare const DescriptionListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDescriptionList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, never>> & string;

package/dist/src/DescriptionList/DescriptionList.story.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { DescriptionList } from ".";
+declare const _default: {
+    title: string;
+    component: typeof DescriptionList;
+};
+export default _default;
+export declare function Layout(): React.JSX.Element;
+export declare function Density(): React.JSX.Element;
+export declare function FontSize(): React.JSX.Element;
+export declare function Divider(): React.JSX.Element;
+export declare function AutoLayoutCustomBreakpoint(): React.JSX.Element;
+export declare function CustomDescriptionTermWidth(): React.JSX.Element;
+export declare function CombinedFeatures(): React.JSX.Element;

package/dist/src/DescriptionList/DescriptionListContext.d.ts

@@ -0,0 +1,13 @@
+import React, { PropsWithChildren } from "react";
+import { DefaultNDSThemeType } from "../theme";
+export interface DescriptionListConfig {
+    descriptionTermMaxWidth?: string;
+    layout?: "stacked" | "inline" | "auto";
+    showDivider?: boolean;
+    density?: "medium" | "compact" | "relaxed";
+    fontSize?: keyof DefaultNDSThemeType["fontSizes"];
+    lineHeight?: keyof DefaultNDSThemeType["lineHeights"];
+    autoLayoutBreakpoint?: string;
+}
+export declare const useDescriptionListContext: () => DescriptionListConfig;
+export declare function DescriptionListProvider({ children, ...config }: PropsWithChildren<DescriptionListConfig>): React.JSX.Element;

package/dist/src/DescriptionList/DescriptionTerm.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DescriptionTerm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/DescriptionList/index.d.ts

@@ -0,0 +1,4 @@
+export type { Props as DescriptionListProps } from "./DescriptionList";
+export { DescriptionList } from "./DescriptionList";
+export { DescriptionTerm } from "./DescriptionTerm";
+export { DescriptionDetails } from "./DescriptionDetails";

package/dist/src/Divider/Divider.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { StyledProps } from "../StyledProps";
 export interface DividerProps extends StyledProps, React.HTMLAttributes<HTMLHRElement> {
     secondary?: boolean;
 }
-declare const Divider: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, DividerProps, never>;
+declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, DividerProps>> & string;
 export default Divider;

package/dist/src/Divider/Divider.story.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 declare const _default: {
     title: string;
-    component: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, import("./Divider").DividerProps, never>;
+    component: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, import("./Divider").DividerProps>> & string;
 };
 export default _default;
 export declare const Default: () => React.JSX.Element;

package/dist/src/DropdownMenu/DropdownButton.d.ts

@@ -2,13 +2,12 @@ import React from "react";
 import { DefaultNDSThemeType } from "../theme";
 import { StyledProps } from "../StyledProps";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
-declare const DropdownButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: React.Ref<HTMLButtonElement>;
-} & StyledProps & {
+type DropdownButtonProps = React.ComponentPropsWithRef<"button"> & StyledProps & {
     variant?: ComponentVariant;
     color?: string;
     theme?: DefaultNDSThemeType;
     hoverColor?: string;
     bgHoverColor?: string;
-}, never>;
+};
+declare const DropdownButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, DropdownButtonProps>> & string;
 export default DropdownButton;

package/dist/src/DropdownMenu/DropdownItem.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 type Props = {
     color?: string;
     hoverColor?: string;
     bgHoverColor?: string;
 };
-declare const DropdownItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
+declare const DropdownItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>> & string;
 export default DropdownItem;

package/dist/src/DropdownMenu/DropdownLink.d.ts

@@ -8,5 +8,5 @@ interface Props extends React.ComponentPropsWithRef<"a">, StyledProps {
     hoverColor?: string;
     bgHoverColor?: string;
 }
-declare const DropdownLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Props, never>;
+declare const DropdownLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, Props>> & string;
 export default DropdownLink;

package/dist/src/DropdownMenu/DropdownText.d.ts

@@ -1,8 +1,12 @@
-declare const DropdownText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLParagraphElement> & {
+/// <reference types="react" />
+import type { TextProps } from "../Type";
+declare const DropdownText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "disabled" | "textTransform" | keyof import("../StyledProps").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;
-} & import("../StyledProps").StyledProps, never>;
+} & import("../StyledProps").StyledProps, "ref"> & {
+    ref?: import("react").Ref<HTMLParagraphElement>;
+}, TextProps>> & string;
 export default DropdownText;

package/dist/src/FieldLabel/HelpText.d.ts

@@ -1,8 +1,11 @@
-declare const HelpText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLParagraphElement> & {
+/// <reference types="react" />
+declare const HelpText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "disabled" | "textTransform" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;
-} & import("..").StyledProps, never>;
+} & import("..").StyledProps, "ref"> & {
+    ref?: import("react").Ref<HTMLParagraphElement>;
+}, never>> & string;
 export default HelpText;

package/dist/src/FieldLabel/Label.d.ts

@@ -3,5 +3,5 @@ import type { SpaceProps } from "styled-system";
 import type { ComponentPropsWithRef } from "react";
 export interface LabelProps extends SpaceProps, DisplayProps, Omit<ComponentPropsWithRef<"label">, "color"> {
 }
-declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, LabelProps, never>;
+declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, LabelProps>> & string;
 export default Label;

package/dist/src/FieldLabel/LabelText.d.ts

@@ -1,2 +1,3 @@
-declare const LabelText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export default LabelText;

package/dist/src/Flex/Flex.d.ts

@@ -5,9 +5,5 @@ export type FlexProps = BoxProps & {
     rowGap?: CSSProperties["rowGap"];
     columnGap?: CSSProperties["columnGap"];
 };
-declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BoxProps & {
-    gap?: CSSProperties["gap"];
-    rowGap?: CSSProperties["rowGap"];
-    columnGap?: CSSProperties["columnGap"];
-}, never>;
+declare const Flex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, FlexProps>> & string;
 export default Flex;

package/dist/src/Form/Field.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { BoxProps } from "../Box/Box";
 export type FieldProps = BoxProps;
-declare const Field: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BoxProps, never>;
+declare const Field: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, never>> & string;
 export default Field;

package/dist/src/Form/Fieldset.d.ts

@@ -1,2 +1,3 @@
-declare const Fieldset: import("styled-components").StyledComponent<"fieldset", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+declare const Fieldset: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never>> & string;
 export default Fieldset;

package/dist/src/Form/Form.d.ts

@@ -2,5 +2,7 @@ import * as React from "react";
 import type { SpaceProps } from "styled-system";
 interface FormProps extends SpaceProps, React.HTMLProps<HTMLFormElement> {
 }
-declare const Form: import("styled-components").StyledComponent<({ title, children, ...props }: FormProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const Form: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<FormProps, "ref"> & {
+    ref?: React.Ref<HTMLFormElement>;
+}, never>> & string & Omit<({ title, children, ...props }: FormProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
 export default Form;

package/dist/src/Form/FormSection.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 interface BaseFormSectionProps extends React.ComponentPropsWithRef<"fieldset"> {
     title?: string;
 }
-declare const FormSection: import("styled-components").StyledComponent<({ title, children, ...props }: BaseFormSectionProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const FormSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<BaseFormSectionProps, never>> & string & Omit<({ title, children, ...props }: BaseFormSectionProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
 export default FormSection;

package/dist/src/Icon/Icon.d.ts

@@ -10,6 +10,6 @@ interface IconProps extends SpaceProps {
     focusable?: boolean;
     style?: React.CSSProperties;
 }
-declare const Icon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, IconProps, never>;
+declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<IconProps & React.RefAttributes<SVGSVGElement>, IconProps>> & string & Omit<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>, keyof React.Component<any, {}, any>>;
 export declare function InlineIcon(props: IconProps): React.JSX.Element;
 export default Icon;

package/dist/src/Link/Link.d.ts

@@ -8,13 +8,5 @@ export type LinkProps = React.ComponentPropsWithRef<"a"> & Partial<StyledProps>
     to?: string;
     as?: React.ElementType | string;
 };
-declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: React.Ref<HTMLAnchorElement>;
-} & Partial<StyledProps> & {
-    underline?: boolean;
-    hover?: string;
-    variant?: ComponentVariant;
-    to?: string;
-    as?: React.ElementType | string;
-}, never>;
+declare const Link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, LinkProps>> & string;
 export default Link;

package/dist/src/List/List.d.ts

@@ -6,5 +6,5 @@ interface Props extends React.ComponentPropsWithRef<"ul">, StyledProps {
     leftAlign?: boolean;
     listStyle?: string;
 }
-declare const List: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, Props, never>;
+declare const List: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Props>> & string;
 export default List;

package/dist/src/List/ListItem.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import { SpaceProps, ColorProps, TypographyProps } from "styled-system";
-declare const ListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: React.Ref<HTMLLIElement>;
-} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+type Props = React.ComponentPropsWithRef<"li"> & SpaceProps & ColorProps & TypographyProps;
+declare const ListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Props>> & string;
 export default ListItem;

package/dist/src/Modal/ModalCloseButton.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-declare const ModalCloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+declare const ModalCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
-}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export default ModalCloseButton;

package/dist/src/Modal/ModalFooter.d.ts

@@ -1,2 +1,3 @@
-declare const ModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default ModalFooter;

package/dist/src/Modal/ModalHeader.d.ts

@@ -1,6 +1,5 @@
-import { DefaultNDSThemeType } from "../theme";
-declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+/// <reference types="react" />
+declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     hasCloseButton?: boolean;
-    theme?: DefaultNDSThemeType;
-}, never>;
+}>> & string;
 export default ModalHeader;

package/dist/src/NDSProvider/GlobalStyles.d.ts

@@ -1,7 +1,5 @@
-import { DefaultNDSThemeType } from "../theme";
-export type GlobalStylesProps = {
-    theme?: DefaultNDSThemeType;
+/// <reference types="react" />
+declare const GlobalStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     locale?: string;
-};
-declare const GlobalStyles: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, GlobalStylesProps, never>;
+}>> & string;
 export default GlobalStyles;

package/dist/src/NDSProvider/ModalStyleOverride.d.ts

@@ -1,3 +1,5 @@
-import { GlobalStylesProps } from "./GlobalStyles";
-declare const ModalStyleOverride: import("styled-components").GlobalStyleComponent<GlobalStylesProps, import("styled-components").DefaultTheme>;
+/// <reference types="react" />
+declare const ModalStyleOverride: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
+    locale?: string;
+}>;
 export default ModalStyleOverride;

package/dist/src/NDSProvider/Reset.d.ts

@@ -1,2 +1,3 @@
-declare const Reset: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+/// <reference types="react" />
+declare const Reset: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
 export default Reset;

package/dist/src/NavBarSearch/NavBarSearch.d.ts

@@ -1,7 +1,11 @@
 export default NavBarSearch;
-declare const NavBarSearch: import("styled-components").StyledComponent<({ name, onSubmit, ...props }: {
+declare const NavBarSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
     [x: string]: any;
     name?: string;
     onSubmit: any;
-}) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+}, never>> & string & Omit<({ name, onSubmit, ...props }: {
+    [x: string]: any;
+    name?: string;
+    onSubmit: any;
+}) => React.JSX.Element, keyof React.Component<any, {}, any>>;
 import React from "react";

package/dist/src/Overlay/Overlay.d.ts

@@ -1,10 +1,11 @@
+/// <reference types="react" />
 import { FlexProps } from "../Flex/Flex";
 interface Props extends FlexProps {
     dark?: boolean;
 }
-declare const Overlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & {
+declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Box").BoxProps> & import("../Box").BoxProps, keyof import("../Box").BoxProps | "gap" | "rowGap" | "columnGap"> & import("../Box").BoxProps & {
     gap?: import("csstype").Property.Gap<string | number>;
     rowGap?: import("csstype").Property.RowGap<string | number>;
     columnGap?: import("csstype").Property.ColumnGap<string | number>;
-} & Props, never>;
+}, Props>> & string;
 export default Overlay;

package/dist/src/Pagination/PageNumber.d.ts

@@ -1,8 +1,11 @@
+/// <reference types="react" />
 type PageNumberProps = {
     currentPage: boolean;
 };
-declare const PageNumber: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+declare const PageNumber: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "currentPage"> & {
     disabled?: boolean;
     currentPage?: boolean;
-} & PageNumberProps, never>;
+}, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, PageNumberProps>> & string;
 export default PageNumber;

package/dist/src/Pagination/PaginationButton.d.ts

@@ -1,5 +1,6 @@
-declare const PaginationButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+/// <reference types="react" />
+declare const PaginationButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     disabled?: boolean;
     currentPage?: boolean;
-}, never>;
+}>> & string;
 export default PaginationButton;

package/dist/src/Select/SelectOption.d.ts

@@ -6,7 +6,7 @@ type SelectOptionProps = {
     isFocused: boolean;
     variant: ComponentVariant;
 };
-export declare const StyledOption: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SelectOptionProps, never>;
+export declare const StyledOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectOptionProps>> & string;
 interface CustomOptionProps extends OptionProps {
     variant?: ComponentVariant;
 }

package/dist/src/Select/customReactSelectStyles.d.ts

@@ -1,4 +1,3 @@
-import type { CSSObject } from "styled-components";
 import type { GroupBase, MenuPlacement, StylesConfig } from "react-select";
 import type { CSSProperties } from "react";
 import type { DefaultNDSThemeType } from "../theme";
@@ -20,9 +19,9 @@ export declare function getMenuBorderRadius({ border, menuPlacement, theme, }: {
     style: CSSProperties["borderBottomStyle"];
 };
 type VariantConfig = {
-    [key in ComponentVariant]?: CSSObject;
+    [key in ComponentVariant]?: CSSProperties;
 };
-export declare function stylesForVariant(config: VariantConfig, variant?: ComponentVariant): CSSObject;
+export declare function stylesForVariant(config: VariantConfig, variant?: ComponentVariant): CSSProperties;
 export declare function showIndicatorSeparator({ hasValue, isClearable, isMulti }: {
     hasValue: any;
     isClearable: any;

package/dist/src/StatusIndicator/StatusIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SpaceProps, TypographyProps, FlexboxProps } from "styled-system";
 export declare const StatusIndicatorValues: {
     readonly neutral: "neutral";
@@ -12,5 +13,5 @@ export type StatusIndicatorType = typeof StatusIndicatorValues[keyof typeof Stat
 interface Props extends SpaceProps, TypographyProps, FlexboxProps {
     type?: StatusIndicatorType;
 }
-declare const StatusIndicator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Props, never>;
+declare const StatusIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Props>> & string;
 export default StatusIndicator;

package/dist/src/Table/StyledTh.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 type StyledThProps = {
     width?: any;
     compact?: boolean;
     sticky?: any;
 };
-declare const StyledTh: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, StyledThProps, never>;
+declare const StyledTh: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, StyledThProps>> & string;
 export default StyledTh;

package/dist/src/Tabs/TabContainer.d.ts

@@ -1,2 +1,3 @@
-declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps, never>;
+/// <reference types="react" />
+declare const TabContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Box").BoxProps> & import("../Box").BoxProps, never>> & string;
 export default TabContainer;

package/dist/src/Textarea/StyledTextarea.d.ts

@@ -11,15 +11,5 @@ export type StyledTextareaProps = React.ComponentPropsWithRef<"textarea"> & Spac
     rows?: number;
     isResizeable?: boolean;
 };
-declare const StyledTextarea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
-    ref?: React.Ref<HTMLTextAreaElement>;
-} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    variant?: ComponentVariant;
-    theme?: DefaultNDSThemeType;
-    errorMessage?: string;
-    errorList?: string[];
-    error?: boolean;
-    rows?: number;
-    isResizeable?: boolean;
-}, never>;
+declare const StyledTextarea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, StyledTextareaProps>> & string;
 export default StyledTextarea;

package/dist/src/TimePicker/TimePickerDropdown.d.ts

@@ -1,2 +1,3 @@
-declare const TimePickerDropdown: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+declare const TimePickerDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 export default TimePickerDropdown;

package/dist/src/TimePicker/TimePickerInput.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { InputFieldProps } from "../Input/InputField";
-declare const TimePickerInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<InputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>, import("styled-components").DefaultTheme, InputFieldProps & {
+type TimePickerInputProps = InputFieldProps & {
     dropdownIsOpen: boolean;
-}, never>;
+};
+declare const TimePickerInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<InputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, TimePickerInputProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<InputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
 export default TimePickerInput;

package/dist/src/TimePicker/TimePickerOption.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
-declare const TimePickerOption: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, React.ClassAttributes<HTMLLIElement> & React.LiHTMLAttributes<HTMLLIElement> & {
+type TimePickerOptionProps = React.ComponentProps<"li"> & {
     variant?: ComponentVariant;
     isSelected: boolean;
     isFocused: boolean;
     isClosest: boolean;
-}, never>;
+};
+declare const TimePickerOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, TimePickerOptionProps>> & string;
 export default TimePickerOption;

package/dist/src/Tooltip/TooltipContainer.d.ts

@@ -1,9 +1,11 @@
+/// <reference types="react" />
 import { PositionProps } from "styled-system";
 import { DefaultNDSThemeType } from "../theme";
-declare const TooltipContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+type TooltipContainerProps = PositionProps & {
     theme?: DefaultNDSThemeType;
     dataPlacement?: "top" | "bottom" | "left" | "right";
     open?: boolean;
     position?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "-webkit-sticky" | "absolute" | "fixed" | "relative" | "static" | "sticky";
-}, never>;
+};
+declare const TooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Box").BoxProps> & import("../Box").BoxProps, TooltipContainerProps>> & string;
 export default TooltipContainer;

package/dist/src/TopBar/TopBar.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { BackLink } from "./components/BackLink";
 import { Menu } from "./components/Menu";
 import { MenuItem } from "./components/MenuItem";
+import { MenuItemLink } from "./components/MenuItemLink";
 import { PageTitle } from "./components/PageTitle";
 export interface TopBarProps {
     children?: React.ReactNode;
@@ -13,4 +14,5 @@ export declare const TopBar: {
     BackLink: typeof BackLink;
     Menu: typeof Menu;
     MenuItem: typeof MenuItem;
+    MenuItemLink: typeof MenuItemLink;
 };