@nulogy/components 11.0.0-beta.4 → 11.0.0

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

@@ -1,12 +1,3 @@
 import React from "react";
 import { FieldLabelProps } from "./FieldLabel.type";
-declare const FieldLabel: {
-    ({ labelText, requirementText, helpText, hint, children, ...props }: FieldLabelProps): React.JSX.Element;
-    defaultProps: {
-        children: any;
-        requirementText: any;
-        helpText: any;
-        id: any;
-    };
-};
-export default FieldLabel;
+export default function FieldLabel({ labelText, requirementText, helpText, hint, children, ...props }: FieldLabelProps): React.JSX.Element;

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

@@ -1,9 +1,8 @@
 declare const HelpText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, 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 & {
-    theme?: import("..").DefaultNDSThemeType;
-}, never>;
+} & import("..").StyledProps, never>;
 export default HelpText;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Fieldset: React.FC<any>;
+declare const Fieldset: import("styled-components").StyledComponent<"fieldset", import("styled-components").DefaultTheme, {}, never>;
 export default Fieldset;

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

@@ -1,6 +1,6 @@
 import React from "react";
-type BaseFormSectionProps = React.ComponentPropsWithRef<"fieldset"> & {
+interface BaseFormSectionProps extends React.ComponentPropsWithRef<"fieldset"> {
     title?: string;
-};
-declare const FormSection: import("styled-components").StyledComponent<React.FC<BaseFormSectionProps>, import("styled-components").DefaultTheme, {}, never>;
+}
+declare const FormSection: import("styled-components").StyledComponent<({ title, children, ...props }: BaseFormSectionProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default FormSection;

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

@@ -10,5 +10,5 @@ interface IconProps extends SpaceProps {
     style?: React.CSSProperties;
 }
 declare const Icon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, IconProps, never>;
-export declare const InlineIcon: (props: IconProps) => React.JSX.Element;
+export declare function InlineIcon(props: IconProps): React.JSX.Element;
 export default Icon;

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

@@ -1,4 +1,6 @@
 import React from "react";
-type LoadingIconProps = React.ComponentPropsWithoutRef<"svg">;
-declare const LoadingIcon: React.FC<LoadingIconProps>;
+interface LoadingIconProps extends React.ComponentPropsWithRef<"svg"> {
+    size?: string;
+}
+declare const LoadingIcon: React.ForwardRefExoticComponent<Omit<LoadingIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default LoadingIcon;

package/dist/src/Input/Input.d.ts

@@ -1,11 +1,10 @@
 import React from "react";
-import { SpaceProps } from "styled-system";
+import { LayoutProps, SpaceProps } from "styled-system";
 import { InputFieldProps } from "./InputField";
-type InputProps = InputFieldProps & SpaceProps & {
+interface InputProps extends InputFieldProps, SpaceProps, LayoutProps {
     errorMessage?: string;
-    helpText?: React.ReactNode;
     errorList?: string[];
     className?: string;
-};
+}
 declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -10,7 +10,6 @@ export declare const WithAllProps: {
         name: string;
     };
 };
-export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const SetToDisabled: {
     (): React.JSX.Element;
     story: {
@@ -47,6 +46,7 @@ export declare const WithAAffixPrefixAndSuffix: {
         name: string;
     };
 };
+export declare const WithAnIcon: () => React.JSX.Element;
 export declare const UsingRefToControlFocus: {
     (): React.JSX.Element;
     story: {

package/dist/src/Input/InputField.d.ts

@@ -1,21 +1,23 @@
 import React from "react";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
-type NativeInputProps = Omit<React.ComponentPropsWithRef<"input">, "size">;
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
+type NativeInputProps = Omit<React.ComponentPropsWithRef<"input">, "size" | "height" | "width">;
 export interface InputFieldProps extends NativeInputProps {
     htmlSize?: number;
-    size?: ComponentSize;
-    icon?: string;
+    variant?: ComponentVariant;
+    iconRight?: string;
+    iconLeft?: string;
+    iconRightSize?: string;
+    iconLeftSize?: string;
     error?: boolean;
     labelText?: string;
     requirementText?: string;
-    helpText?: string;
+    helpText?: React.ReactNode;
     suffix?: string;
     prefix?: string;
     suffixWidth?: string;
     prefixWidth?: string;
     suffixAlignment?: "left" | "right";
     prefixAlignment?: "left" | "right";
-    iconSize?: string;
     inputWidth?: string;
 }
 export declare const InputField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/src/Input/Suffix.d.ts

@@ -1,15 +1,8 @@
 import React from "react";
 import { TextProps } from "../Type/Text";
-type SuffixProps = TextProps & {
+interface SuffixProps extends TextProps {
     suffix?: string;
     suffixWidth?: string;
-};
-declare const Suffix: {
-    ({ suffix, suffixWidth, ...props }: SuffixProps): React.JSX.Element;
-    defaultProps: {
-        suffix: any;
-        children: any;
-        suffixWidth: any;
-    };
-};
-export default Suffix;
+}
+export default function Suffix({ suffix, suffixWidth, ...props }: SuffixProps): React.JSX.Element;
+export {};

package/dist/src/Layout/Header.d.ts

@@ -13,5 +13,5 @@ type HeaderProps = BoxProps & {
         medium?: Breakpoint;
     };
 };
-declare const Header: React.FC<HeaderProps>;
+declare const Header: React.FC<React.PropsWithChildren<HeaderProps>>;
 export default Header;

package/dist/src/Layout/Page.d.ts

@@ -8,5 +8,5 @@ type PageProps = FlexProps & {
     fullHeight?: boolean;
     renderHeader?: () => JSX.Element;
 };
-export declare const Page: React.FC<PageProps>;
+export declare const Page: React.FC<React.PropsWithChildren<PageProps>>;
 export default Page;

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

@@ -1,10 +1,10 @@
 import React from "react";
 import { StyledProps } from "../StyledProps";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 export type LinkProps = React.ComponentPropsWithRef<"a"> & Partial<StyledProps> & {
     underline?: boolean;
     hover?: string;
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     to?: string;
     as?: React.ElementType | string;
 };

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

@@ -28,7 +28,6 @@ export declare const WithADifferentColor: {
     };
 };
 export declare const WithADifferentFontSize: () => React.JSX.Element;
-export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const AsAButton: {
     (): React.JSX.Element;
     story: {

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

@@ -1,12 +1,10 @@
 /// <reference types="react" />
-import { DefaultNDSThemeType } from "../theme.type";
 import { StyledProps } from "../StyledProps";
-type ListProps = React.ComponentPropsWithRef<"ul"> & StyledProps & {
-    theme?: DefaultNDSThemeType;
+interface Props extends React.ComponentPropsWithRef<"ul">, StyledProps {
     className?: string;
     compact?: boolean;
     leftAlign?: boolean;
     listStyle?: string;
-};
-declare const List: React.FC<ListProps>;
+}
+declare const List: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, Props, never>;
 export default List;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { SpaceProps, ColorProps, TypographyProps } from "styled-system";
-type ListItemProps = React.ComponentPropsWithRef<"li"> & SpaceProps & ColorProps & TypographyProps & {
-    className?: string;
-};
-declare const ListItem: React.FC<ListItemProps>;
+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>;
 export default ListItem;

package/dist/src/LoadingAnimation/LoadingAnimation.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-type LoadingAnimationProps = React.ComponentPropsWithRef<"svg"> & {
+interface Props extends React.ComponentPropsWithRef<"svg"> {
     inactive?: boolean;
-};
-declare const LoadingAnimation: React.FC<LoadingAnimationProps>;
-export default LoadingAnimation;
+}
+export default function LoadingAnimation({ inactive }: Props): React.JSX.Element;
+export {};

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

@@ -19,7 +19,7 @@ type ModalProps = {
     footerContent?: React.ReactNode;
     parentSelector?: (...args: any) => HTMLElement;
 };
-declare const Modal: React.FC<ModalProps> & {
+declare const Modal: React.FC<React.PropsWithChildren<ModalProps>> & {
     setAppElement: (element: string | HTMLElement) => void;
 };
 export default Modal;

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

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-declare const ModalCloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
+declare const ModalCloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<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>;
 export default ModalCloseButton;

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

@@ -4,5 +4,5 @@ type ModalContentProps = React.ComponentPropsWithRef<"div"> & {
     hasFooter?: any;
     theme?: DefaultNDSThemeType;
 };
-declare const ModalContent: React.FC<ModalContentProps>;
+declare const ModalContent: React.FC<React.PropsWithChildren<ModalContentProps>>;
 export default ModalContent;

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

@@ -0,0 +1,10 @@
+import React from "react";
+export type ComponentVariant = "touch" | "desktop";
+type ComponentVariantContextValue = {
+    variant: ComponentVariant;
+    children?: React.ReactNode;
+};
+export default function ComponentVariantContextProvider({ variant, children }: ComponentVariantContextValue): React.JSX.Element;
+export declare const ComponentVariantContext: React.Context<ComponentVariantContextValue>;
+export declare function useComponentVariant(selectedVariant?: ComponentVariant): ComponentVariant;
+export {};

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { DefaultNDSThemeType } from "../theme.type";
+type GlobalStylesComposerProps = {
+    theme?: DefaultNDSThemeType;
+    locale?: string;
+    disableGlobalStyles?: boolean;
+    children?: React.ReactNode;
+};
+export default function GlobalStylesComposer({ theme, locale, disableGlobalStyles, children, }: GlobalStylesComposerProps): React.JSX.Element;
+export {};

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

@@ -1,20 +1,12 @@
 import React from "react";
-import { ThemeType, Breakpoints } from "../theme.type";
-import { ComponentSize } from "./ComponentSizeContext";
-export declare const buildBreakPoints: (breakpointsConfig: Readonly<Breakpoints>) => {
-    map: (fn: any) => unknown[];
-    extraSmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    extraLarge: string;
-};
+import { ThemeType } from "../theme.type";
+import { ComponentVariant } from "./ComponentVariantContext";
 type NDSProviderProps = {
     theme?: ThemeType;
     locale?: string;
     disableGlobalStyles?: boolean;
-    children?: any;
-    size?: ComponentSize;
+    children?: React.ReactNode;
+    variant?: ComponentVariant;
 };
-declare const NDSProvider: React.FC<NDSProviderProps>;
+declare function NDSProvider({ theme: customTheme, children, disableGlobalStyles, locale, variant, }: NDSProviderProps): React.JSX.Element;
 export default NDSProvider;

package/dist/src/NDSProvider/mountWithNDSProvider.spec-utils.d.ts

@@ -1 +1 @@
-export function mountWithNDSProvider(component: any, locale?: string): any;
+export declare const mountWithNDSProvider: (component: any, locale?: string) => any;

package/dist/src/NDSProvider/renderWithNDSProvider.spec-utils.d.ts

@@ -1 +1 @@
-export function renderWithNDSProvider(component: any, locale?: string): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export declare const renderWithNDSProvider: (component: any, locale?: string) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;

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

@@ -0,0 +1,12 @@
+import { ThemeType, DefaultNDSThemeType, Breakpoints } from "../theme.type";
+import { ComponentVariant } from "./ComponentVariantContext";
+export declare const buildBreakPoints: (breakpointsConfig: Readonly<Breakpoints>) => {
+    map: <T>(fn: (value: string) => T) => T[];
+    extraSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    extraLarge: string;
+};
+export declare const getThemeByVariant: (variant: ComponentVariant, isTabletSize: boolean) => DefaultNDSThemeType;
+export declare function useNDSTheme(variant?: ComponentVariant, customTheme?: ThemeType): DefaultNDSThemeType;

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

@@ -1,18 +1,7 @@
 export default NavBarSearch;
-declare const NavBarSearch: import("styled-components").StyledComponent<{
-    ({ name, onSubmit, ...props }: {
-        [x: string]: any;
-        name: any;
-        onSubmit: any;
-    }): React.JSX.Element;
-    propTypes: {
-        name: PropTypes.Requireable<string>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        name: string;
-        onSubmit: () => void;
-    };
-}, import("styled-components").DefaultTheme, {}, never>;
+declare const NavBarSearch: import("styled-components").StyledComponent<({ name, onSubmit, ...props }: {
+    [x: string]: any;
+    name?: string;
+    onSubmit: any;
+}) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 import React from "react";
-import PropTypes from "prop-types";

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

@@ -1,9 +1,10 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex/Flex";
-import { DefaultNDSThemeType } from "../theme.type";
-type OverlayProps = FlexProps & {
+interface Props extends FlexProps {
     dark?: boolean;
-    theme?: DefaultNDSThemeType;
-};
-declare const Overlay: React.FC<OverlayProps>;
+}
+declare const Overlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, 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>;
 export default Overlay;

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

@@ -1,22 +1,9 @@
 import React, { ReactNode } from "react";
-import PropTypes from "prop-types";
 type NextButtonProps = {
     disabled: boolean;
     onClick: React.MouseEventHandler<HTMLButtonElement>;
     label: ReactNode;
     ariaLabel: string;
 };
-declare const NextButton: {
-    ({ disabled, onClick, label, ariaLabel }: NextButtonProps): React.JSX.Element;
-    propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        ariaLabel: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        disabled: boolean;
-        onClick: any;
-    };
-};
+declare const NextButton: ({ disabled, onClick, label, ariaLabel }: NextButtonProps) => React.JSX.Element;
 export default NextButton;

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

@@ -1,5 +1,8 @@
 type PageNumberProps = {
     currentPage: boolean;
 };
-declare const PageNumber: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, PageNumberProps, never>;
+declare const PageNumber: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    disabled?: boolean;
+    currentPage?: boolean;
+} & PageNumberProps, never>;
 export default PageNumber;

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

@@ -1,43 +1,19 @@
 import React, { ReactNode, RefObject } from "react";
-import PropTypes from "prop-types";
 import { FlexProps } from "../Flex/Flex";
-export declare const getPageItemsToDisplay: (totalPages: number, currentPage: number) => (string | number)[];
-type PaginationProps = FlexProps & {
+declare const SEPARATOR: "...";
+export declare const getPageItemsToDisplay: (totalPages: number, currentPage: number) => Array<typeof SEPARATOR | number>;
+interface PaginationProps extends FlexProps {
     currentPage: number;
     totalPages: number;
     onNext?: () => void;
     onPrevious?: () => void;
-    onSelectPage?: (page: string | number) => void;
+    onSelectPage?: (page: number) => void;
     nextLabel?: ReactNode;
     nextAriaLabel?: string;
     previousLabel?: ReactNode;
     previousAriaLabel?: string;
     scrollToTopAfterPagination?: boolean;
     scrollTargetRef?: RefObject<HTMLElement>;
-};
-declare function Pagination({ currentPage, totalPages, onNext, onPrevious, onSelectPage, nextAriaLabel, nextLabel, previousAriaLabel, previousLabel, scrollToTopAfterPagination, scrollTargetRef, "aria-label": ariaLabel, ...restProps }: PaginationProps): React.JSX.Element;
-declare namespace Pagination {
-    var propTypes: {
-        currentPage: PropTypes.Validator<number>;
-        totalPages: PropTypes.Validator<number>;
-        onNext: PropTypes.Requireable<(...args: any[]) => any>;
-        onPrevious: PropTypes.Requireable<(...args: any[]) => any>;
-        onSelectPage: PropTypes.Requireable<(...args: any[]) => any>;
-        nextLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        nextAriaLabel: PropTypes.Requireable<string>;
-        previousLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        previousAriaLabel: PropTypes.Requireable<string>;
-        "aria-label": PropTypes.Requireable<string>;
-    };
-    var defaultProps: {
-        onNext: any;
-        onPrevious: any;
-        onSelectPage: any;
-        nextLabel: any;
-        nextAriaLabel: any;
-        previousLabel: any;
-        previousAriaLabel: any;
-        "aria-label": any;
-    };
 }
+declare function Pagination({ onNext, onPrevious, onSelectPage, currentPage, totalPages, nextAriaLabel, nextLabel, previousAriaLabel, previousLabel, scrollToTopAfterPagination, scrollTargetRef, "aria-label": ariaLabel, ...restProps }: PaginationProps): React.JSX.Element;
 export default Pagination;

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

@@ -1,2 +1,5 @@
-declare const PaginationButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+declare const PaginationButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    disabled?: boolean;
+    currentPage?: boolean;
+}, never>;
 export default PaginationButton;

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

@@ -1,22 +1,9 @@
 import React, { ReactNode } from "react";
-import PropTypes from "prop-types";
 type PreviousButtonProps = {
     disabled: boolean;
     onClick: React.MouseEventHandler<HTMLButtonElement>;
     label: ReactNode;
     ariaLabel: string;
 };
-declare const PreviousButton: {
-    ({ disabled, onClick, label, ariaLabel }: PreviousButtonProps): React.JSX.Element;
-    propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        ariaLabel: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        disabled: boolean;
-        onClick: any;
-    };
-};
+declare const PreviousButton: ({ disabled, onClick, label, ariaLabel }: PreviousButtonProps) => React.JSX.Element;
 export default PreviousButton;

package/dist/src/Popper/Popper.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 type PopperProps = {
-    ref: any;
+    children?: React.ReactNode;
     popperPlacement?: string;
     defaultOpen?: boolean;
     showDelay?: string | number;
@@ -16,5 +16,5 @@ type PopperProps = {
     openAriaLabel?: string;
     closeAriaLabel?: string;
 };
-declare const Popper: React.FC<PopperProps>;
+declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<React.Ref<unknown>>>;
 export default Popper;

package/dist/src/Radio/Radio.d.ts

@@ -1,14 +1,14 @@
 import React, { ReactNode } from "react";
 import { SpaceProps } from "styled-system";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 type NativeInputProps = Omit<React.ComponentPropsWithRef<"input">, "size">;
 type RadioProps = NativeInputProps & SpaceProps & {
     htmlSize?: number;
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     labelText?: ReactNode;
     checked?: boolean;
     defaultChecked?: boolean;
     error?: boolean;
 };
-declare const Radio: React.FC<RadioProps>;
+declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default Radio;

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

@@ -16,7 +16,6 @@ export declare const SetToDisabled: {
         name: string;
     };
 };
-export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const SetToError: {
     (): React.JSX.Element;
     story: {

package/dist/src/Radio/RadioGroup.d.ts

@@ -8,23 +8,13 @@ interface RadioGroupProps {
     helpText?: string;
     required?: boolean;
     requirementText?: string;
-    children?: any;
+    children?: React.ReactNode;
     name?: string;
     disabled?: boolean;
+    defaultValue?: string;
+    checkedValue?: string;
+    default?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const RadioGroup: {
-    ({ className, id, errorMessage, errorList, labelText, helpText, requirementText, ...props }: RadioGroupProps): React.JSX.Element;
-    defaultProps: {
-        errorMessage: any;
-        errorList: any;
-        defaultValue: any;
-        checkedValue: any;
-        onChange: any;
-        className: any;
-        id: any;
-        helpText: any;
-        requirementText: any;
-        default: boolean;
-    };
-};
-export default RadioGroup;
+export default function RadioGroup({ className, id, errorMessage, errorList, labelText, helpText, requirementText, ...props }: RadioGroupProps): React.JSX.Element;
+export {};

package/dist/src/RangeContainer/RangeContainer.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 type RangeContainerProps = {
     labelProps?: any;
     startComponent?: React.ReactNode;
     endComponent?: React.ReactNode;
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     errorMessages?: (string | undefined)[];
+    children?: React.ReactNode;
 };
-declare const RangeContainer: React.FC<RangeContainerProps>;
+declare const RangeContainer: ({ startComponent, endComponent, errorMessages, labelProps, variant, ...props }: RangeContainerProps) => React.JSX.Element;
 export default RangeContainer;