@nulogy/components 11.0.0-beta.5 → 11.1.0

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

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { RowType, Columns } from "./Table.types";
 declare function TableFoot<ColumnMetadata>({ columns, rows, keyField, loading, compact, }: {
     columns: Columns<ColumnMetadata>;
@@ -8,29 +7,4 @@ declare function TableFoot<ColumnMetadata>({ columns, rows, keyField, loading, c
     loading?: boolean;
     compact?: boolean;
 }): React.JSX.Element;
-declare namespace TableFoot {
-    var propTypes: {
-        columns: PropTypes.Validator<PropTypes.InferProps<{
-            align: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            dataKey: PropTypes.Requireable<PropTypes.Requireable<number> | PropTypes.Requireable<string>>;
-            key: PropTypes.Requireable<PropTypes.Requireable<number> | PropTypes.Requireable<string>>;
-            cellFormatter: PropTypes.Requireable<(...args: any[]) => any>;
-            cellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-            headerRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-            width: PropTypes.Requireable<string>;
-        }>[]>;
-        rows: PropTypes.Validator<{
-            [x: string]: NonNullable<PropTypes.ReactNodeLike>;
-        }[]>;
-        keyField: PropTypes.Requireable<string>;
-        loading: PropTypes.Requireable<boolean>;
-        compact: PropTypes.Requireable<boolean>;
-    };
-    var defaultProps: {
-        keyField: string;
-        loading: boolean;
-        compact: boolean;
-    };
-}
 export default TableFoot;

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

@@ -1,12 +1,12 @@
 import React from "react";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 type TabButtonProps = React.ComponentPropsWithRef<"button"> & {
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     selected?: boolean;
     fullWidth?: boolean;
 };
-type TabProps = TabButtonProps & {
+export type TabProps = TabButtonProps & {
     label?: React.ReactNode;
 };
-declare const Tab: React.FC<TabProps>;
+declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Tab;

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

@@ -1,2 +1,2 @@
-declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps, never>;
+declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps, never>;
 export default TabContainer;

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

@@ -1,10 +1,11 @@
 import React from "react";
+type Side = "left" | "right";
 type TabScrollIndicatorProps = {
-    onClick?: (...args: any[]) => any;
-    side?: "left" | "right";
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    side?: Side;
     width?: string | number;
     ariaLabelLeft?: string;
     ariaLabelRight?: string;
 };
-declare const TabScrollIndicator: React.FC<TabScrollIndicatorProps>;
+declare const TabScrollIndicator: React.FC<React.PropsWithChildren<TabScrollIndicatorProps>>;
 export default TabScrollIndicator;

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

@@ -1,9 +1,9 @@
 import React from "react";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 export type TabsProps = {
     className?: string;
     selectedIndex?: number;
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     defaultSelectedIndex?: number;
     renderTabContentOnlyWhenSelected?: boolean;
     fitted?: boolean;
@@ -14,7 +14,8 @@ export type TabsState = {
 };
 declare class Tabs extends React.Component<TabsProps, TabsState> {
     static contextType: React.Context<{
-        size: ComponentSize;
+        variant: ComponentVariant;
+        children?: React.ReactNode;
     }>;
     constructor(props: any);
     getSelectedIndex(): any;

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

@@ -53,4 +53,3 @@ export declare const WithContentLoadedOnSelection: {
     };
 };
 export declare const WithConditionallyRenderedTabs: () => React.JSX.Element;
-export declare const WithDifferentSizes: () => React.JSX.Element;

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

@@ -1,9 +1,9 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
 import { DefaultNDSThemeType } from "../theme.type";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 export type StyledTextareaProps = React.ComponentPropsWithRef<"textarea"> & SpaceProps & {
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     theme?: DefaultNDSThemeType;
     errorMessage?: string;
     errorList?: string[];
@@ -14,7 +14,7 @@ export type StyledTextareaProps = React.ComponentPropsWithRef<"textarea"> & Spac
 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> & {
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     theme?: DefaultNDSThemeType;
     errorMessage?: string;
     errorList?: string[];

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

@@ -12,4 +12,3 @@ export declare const WithErrorList: () => React.JSX.Element;
 export declare const WithCustomNumberOfRows: () => React.JSX.Element;
 export declare const WithCustomId: () => React.JSX.Element;
 export declare const UsingRefToControlFocus: () => React.JSX.Element;
-export declare const WithDifferentSizes: () => React.JSX.Element;

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 type TimePickerProps = SpaceProps & {
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     disabled?: boolean;
     value?: string;
     timeFormat?: string;
@@ -38,5 +38,5 @@ export declare const getTimeOptions: (interval: any, timeFormat: any, minTime: a
     value: string;
     label: string;
 }[];
-declare const TimePicker: React.FC<TimePickerProps>;
+declare const TimePicker: React.FC<React.PropsWithChildren<TimePickerProps>>;
 export default TimePicker;

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

@@ -63,4 +63,3 @@ export declare const UsingRefToControlFocus: {
         name: string;
     };
 };
-export declare const WithDifferentSizes: () => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import React from "react";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 declare const TimePickerOption: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, React.ClassAttributes<HTMLLIElement> & React.LiHTMLAttributes<HTMLLIElement> & {
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     isSelected: boolean;
     isFocused: boolean;
     isClosest: boolean;

package/dist/src/TimeRange/TimeRange.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 declare const TimeRange: React.ForwardRefExoticComponent<Omit<SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     timeFormat?: string;
     onRangeChange?: Function;
     onStartTimeChange?: Function;

package/dist/src/Toast/Toast.d.ts

@@ -32,15 +32,5 @@ export declare const toastAnimationConfig: {
         };
     };
 };
-export declare const Toast: {
-    ({ triggered, onHide, onShow, isCloseable, children, showDuration, onHidden, zIndex, ...props }: ToastProps): React.JSX.Element;
-    defaultProps: {
-        triggered: boolean;
-        isCloseable: boolean;
-        showDuration: number;
-        onShow: () => void;
-        onHide: () => void;
-        onHidden: () => void;
-    };
-};
+export declare const Toast: ({ triggered, isCloseable, showDuration, onHide, onShow, children, onHidden, zIndex, ...props }: ToastProps) => React.JSX.Element;
 export default Toast;

package/dist/src/ToastContainer/ToastContainer.d.ts

@@ -6,16 +6,5 @@ type ToastContainerProps = {
     maxVisibleToasts?: number;
     toastOptions?: ToastOptions;
 } & Omit<ToasterProps, "gutter" | "toastOptions">;
-declare const ToastContainer: {
-    ({ gap, maxVisibleToasts, toastOptions, ...props }: ToastContainerProps): React.JSX.Element;
-    defaultProps: {
-        position: string;
-        reverseOrder: boolean;
-        containerClassName: string;
-        toastOptions: {
-            duration: number;
-        };
-        maxVisibleToasts: number;
-    };
-};
+declare const ToastContainer: ({ gap, position, reverseOrder, containerClassName, toastOptions, maxVisibleToasts, ...props }: ToastContainerProps) => React.JSX.Element;
 export default ToastContainer;

package/dist/src/Toggle/Toggle.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 import { DefaultNDSThemeType } from "../theme.type";
 declare const ToggleComponent: React.ForwardRefExoticComponent<SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     onChange?: (...args: any[]) => any;
-    size?: ComponentSize;
+    variant?: ComponentVariant;
     toggled?: boolean;
     disabled?: boolean;
     onText?: string;
@@ -12,7 +12,7 @@ declare const ToggleComponent: React.ForwardRefExoticComponent<SpaceProps<Requir
     id?: string;
     className?: string;
     required?: boolean;
-    helpText?: any;
+    helpText?: string;
     labelText?: string;
     requirementText?: string;
     error?: boolean;

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

@@ -1,5 +1,4 @@
 import React from "react";
-export declare const WithDifferentSizes: () => React.JSX.Element;
 declare const _default: {
     title: string;
 };
@@ -41,6 +40,7 @@ export declare const WithLongText: {
         name: string;
     };
 };
+export declare const WithContraintWidth: () => React.JSX.Element;
 export declare const ControlledToggle: () => React.JSX.Element;
 export declare const UsingRefToControlFocus: {
     (): React.JSX.Element;

package/dist/src/Toggle/ToggleButton.d.ts

@@ -7,5 +7,5 @@ type ToggleButtonProps = React.ComponentPropsWithRef<"input"> & {
     name?: string;
     theme?: DefaultNDSThemeType;
 };
-declare const ToggleButton: React.FC<ToggleButtonProps>;
+declare const ToggleButton: React.ForwardRefExoticComponent<Omit<ToggleButtonProps, "ref"> & React.RefAttributes<React.Ref<HTMLInputElement>>>;
 export default ToggleButton;

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

@@ -9,5 +9,5 @@ export type TooltipProps = {
     maxWidth?: string;
     children?: React.ReactNode;
 };
-declare const Tooltip: React.FC<TooltipProps>;
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<React.Ref<unknown>>>;
 export default Tooltip;

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

@@ -1,6 +1,6 @@
 import { PositionProps } from "styled-system";
 import { DefaultNDSThemeType } from "../theme.type";
-declare const TooltipContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps & PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+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>>> & {
     theme?: DefaultNDSThemeType;
     dataPlacement?: "top" | "bottom" | "left" | "right";
     open?: boolean;

package/dist/src/TruncatedText/MaybeTooltip.d.ts

@@ -1,18 +1,7 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { TooltipProps } from "../Tooltip/Tooltip";
 type MaybeTooltipProps = TooltipProps & {
     showTooltip?: boolean;
 };
-declare const MaybeTooltip: {
-    ({ children, showTooltip, ...props }: MaybeTooltipProps): React.JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        showTooltip: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        children: string;
-        showTooltip: boolean;
-    };
-};
+declare const MaybeTooltip: ({ children, showTooltip, ...props }: MaybeTooltipProps) => React.JSX.Element;
 export default MaybeTooltip;

package/dist/src/TruncatedText/TruncatedText.d.ts

@@ -1,27 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { TruncatedTextProps } from "./TruncatedTextProps";
-declare const TruncatedText: {
-    ({ fullWidth, children, ...props }: TruncatedTextProps): React.JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        indicator: PropTypes.Requireable<string>;
-        element: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        maxCharacters: PropTypes.Requireable<number>;
-        showTooltip: PropTypes.Requireable<boolean>;
-        fullWidth: PropTypes.Requireable<boolean>;
-        "data-testid": PropTypes.Requireable<string>;
-        tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    };
-    defaultProps: {
-        children: any;
-        indicator: string;
-        element: React.JSX.Element;
-        maxCharacters: number;
-        fullWidth: boolean;
-        showTooltip: boolean;
-        "data-testid": string;
-        tooltipProps: any;
-    };
-};
+declare const TruncatedText: ({ indicator, element, maxCharacters, fullWidth, showTooltip, "data-testid": dataTestId, children, ...props }: TruncatedTextProps) => React.JSX.Element;
 export default TruncatedText;

package/dist/src/TruncatedText/TruncatedTextProps.d.ts

@@ -1,9 +1,10 @@
+import { ReactElement } from "react";
 import { TooltipProps } from "../Tooltip/Tooltip";
 import { TextProps } from "../Type";
 export interface TruncatedTextProps extends TextProps {
     children?: string;
     indicator?: string;
-    element?: any;
+    element?: ReactElement;
     maxCharacters?: number;
     showTooltip?: boolean;
     fullWidth?: boolean;

package/dist/src/Type/Headings.d.ts

@@ -1,40 +1,36 @@
 export declare const Heading1: 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").StyledProps & {
-    theme?: import("..").DefaultNDSThemeType;
-} & {
     as: string;
 }, "as">;
 export declare const Heading2: 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").StyledProps & {
-    theme?: import("..").DefaultNDSThemeType;
-} & {
     as: string;
 }, "as">;
 export declare const Heading3: 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").StyledProps & {
-    theme?: import("..").DefaultNDSThemeType;
-} & {
     as: string;
 }, "as">;
 export declare const Heading4: 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").StyledProps & {
-    theme?: import("..").DefaultNDSThemeType;
-} & {
     as: string;
 }, "as">;

package/dist/src/Type/Text.d.ts

@@ -1,19 +1,17 @@
-import type { DefaultNDSThemeType } from "../theme.type";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 import { StyledProps } from "../StyledProps";
 export type TextProps = React.HTMLAttributes<HTMLParagraphElement> & {
+    variant?: ComponentVariant;
     inline?: boolean;
     disabled?: boolean;
     textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
     fontSize?: string;
-} & StyledProps & {
-    theme?: DefaultNDSThemeType;
-};
+} & StyledProps;
 declare const Text: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLParagraphElement> & {
+    variant?: ComponentVariant;
     inline?: boolean;
     disabled?: boolean;
     textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
     fontSize?: string;
-} & StyledProps & {
-    theme?: DefaultNDSThemeType;
-}, never>;
+} & StyledProps, never>;
 export default Text;

package/dist/src/Validation/InlineValidation.d.ts

@@ -6,5 +6,5 @@ type InlineValidationProps = SpaceProps & {
     errorList?: string[];
     children?: React.ReactNode;
 };
-declare const InlineValidation: React.FC<InlineValidationProps>;
-export default InlineValidation;
+export default function InlineValidation({ className, errorMessage, errorList, children, ...boxProps }: InlineValidationProps): React.JSX.Element;
+export {};

package/dist/src/VisualTests/KitchenSink.story.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const KitchenSink: () => React.JSX.Element;
+declare const _default: {
+    title: string;
+};
+export default _default;

package/dist/src/index.d.ts

@@ -26,13 +26,12 @@ export { List, ListItem } from "./List";
 export { LoadingAnimation } from "./LoadingAnimation";
 export { ALL_NDS_LOCALES } from "./locales.const";
 export { Modal } from "./Modal";
-export { NavBar } from "./NavBar";
 export { NDSProvider } from "./NDSProvider";
 export { Overlay } from "./Overlay";
 export { Pagination } from "./Pagination";
 export { Radio, RadioGroup } from "./Radio";
 export { RangeContainer } from "./RangeContainer";
-export { Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption, type SelectOptionProps, type NDSOption, type NDSOptionValue, type NDSSelectProps, } from "./Select";
+export { Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption, } from "./Select";
 export { SortingTable } from "./SortingTable";
 export { StatusIndicator, StatusIndicatorValues } from "./StatusIndicator";
 export type { StatusIndicatorType } from "./StatusIndicator";
@@ -44,7 +43,6 @@ export { Table } from "./Table";
 export type { TableCellInfoType, TableColumnType, TableProps, TableRowType } from "./Table";
 export { Tab, Tabs } from "./Tabs";
 export { Textarea } from "./Textarea";
-export { default as theme } from "./theme";
 export type { ThemeType, DefaultNDSThemeType } from "./theme.type";
 export { TimePicker } from "./TimePicker";
 export { TimeRange } from "./TimeRange";

package/dist/src/locales.const.d.ts

@@ -1,13 +1,13 @@
 export declare const NDS_TO_DATE_FN_LOCALES_MAP: {
-    de_DE: Locale;
-    en_US: Locale;
-    es_MX: Locale;
-    fr_FR: Locale;
-    nl_NL: Locale;
-    pl_PL: Locale;
-    pt_BR: Locale;
-    ro_RO: Locale;
-    zh_CN: Locale;
+    readonly de_DE: Locale;
+    readonly en_US: Locale;
+    readonly es_MX: Locale;
+    readonly fr_FR: Locale;
+    readonly nl_NL: Locale;
+    readonly pl_PL: Locale;
+    readonly pt_BR: Locale;
+    readonly ro_RO: Locale;
+    readonly zh_CN: Locale;
 };
 export declare const ALL_NDS_LOCALES: {
     label: string;

package/dist/src/pages/ErrorPage.story.d.ts

@@ -3,6 +3,14 @@ declare const _default: {
     title: string;
 };
 export default _default;
+export declare const Static: {
+    (): React.JSX.Element;
+    parameters: {
+        chromatic: {
+            disable: boolean;
+        };
+    };
+};
 export declare const Base: () => React.JSX.Element;
 export declare const WithALink: {
     (): React.JSX.Element;

package/dist/src/scripts/generateTheme.d.ts

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

package/dist/src/theme.d.ts

@@ -1,3 +1,5 @@
-import type { DefaultNDSThemeType } from "./theme.type";
-declare const Theme: DefaultNDSThemeType;
-export default Theme;
+import { DefaultNDSThemeType } from "./theme.type";
+type ThemeKey = "desktop" | "tablet" | "phone";
+export declare const themes: Record<ThemeKey, DefaultNDSThemeType>;
+export declare const desktop: DefaultNDSThemeType, tablet: DefaultNDSThemeType, phone: DefaultNDSThemeType;
+export {};

package/dist/src/theme.type.d.ts

@@ -1,3 +1,4 @@
+import { RecursivePartial } from "./utils/ts/recursivePartial";
 interface Colors {
     black: string;
     blackBlue: string;
@@ -37,9 +38,12 @@ interface FontSizes {
 }
 interface LineHeights {
     base: string;
+    baseRelaxed: string;
     smallTextBase: string;
+    smallRelaxed: string;
     smallTextCompressed: string;
     smallerText: string;
+    smallerRelaxed: string;
     heading1: string;
     heading2: string;
     heading3: string;
@@ -57,12 +61,21 @@ interface FontWeights {
 interface Space {
     none: string;
     half: string;
+    x0: string;
+    x0_25: string;
+    x0_5: string;
+    x0_75: string;
     x1: string;
+    x1_25: string;
+    x1_5: string;
+    x1_75: string;
     x2: string;
+    x2_5: string;
     x3: string;
     x4: string;
     x5: string;
     x6: string;
+    x7: string;
     x8: string;
 }
 interface Fonts {
@@ -81,7 +94,9 @@ interface Shadows {
 interface Radii {
     small: string;
     medium: string;
+    large: string;
     circle: string;
+    rounded: string;
 }
 export interface Breakpoints {
     extraSmall: string;
@@ -116,8 +131,5 @@ export interface DefaultNDSThemeType {
     breakpoints: Breakpoints;
     zIndices: ZIndices;
 }
-type RecursivePartial<T> = {
-    [P in keyof T]?: RecursivePartial<T[P]>;
-};
 export type ThemeType = RecursivePartial<DefaultNDSThemeType>;
 export {};

package/dist/src/utils/ClickInputLabel.d.ts

@@ -1,6 +1,6 @@
-import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 declare const ClickInputLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    size: ComponentSize;
-    disabled: boolean;
+    variant?: ComponentVariant;
+    disabled?: boolean;
 }, never>;
 export default ClickInputLabel;

package/dist/src/utils/DetectOutsideClick.d.ts

@@ -1,23 +1,8 @@
-export default DetectOutsideClick;
-declare class DetectOutsideClick extends React.Component<any, any, any> {
+export default class DetectOutsideClick extends React.Component<any, any, any> {
     constructor(props: any);
     handleOutsideClick(e: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): React.JSX.Element;
 }
-declare namespace DetectOutsideClick {
-    namespace propTypes {
-        const onClick: PropTypes.Validator<(...args: any[]) => any>;
-        const clickRef: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{}>>>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-    namespace defaultProps {
-        const clickRef_1: any;
-        export { clickRef_1 as clickRef };
-        const children_1: any;
-        export { children_1 as children };
-    }
-}
 import React from "react";
-import PropTypes from "prop-types";

package/dist/src/utils/PopperArrow.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { PopperArrowProps as ReactPopperArrowProps } from "react-popper";
-type PopperArrowProps = ReactPopperArrowProps & {
+declare const PopperArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ReactPopperArrowProps & {
     placement?: string;
     borderColor?: string;
     backgroundColor?: string;
-};
-declare const PopperArrow: React.FC<PopperArrowProps>;
+} & {
+    children?: import("react").ReactNode;
+}, never>;
 export default PopperArrow;