@nulogy/components 11.0.0-beta.4 → 11.0.0

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 NDSOption, type NDSOptionValue, } 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;

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

@@ -1,22 +1,8 @@
-export default PreventBodyElementScrolling;
-declare class PreventBodyElementScrolling extends React.Component<any, any, any> {
+export default class PreventBodyElementScrolling extends React.Component<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): React.JSX.Element;
 }
-declare namespace PreventBodyElementScrolling {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const scrollableRef: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{}>>>;
-    }
-    namespace defaultProps {
-        const children_1: any;
-        export { children_1 as children };
-        const scrollableRef_1: any;
-        export { scrollableRef_1 as scrollableRef };
-    }
-}
 import React from "react";
-import PropTypes from "prop-types";

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

@@ -13,10 +13,4 @@ declare class ScrollIndicators extends React.Component<any, any, any> {
     contentHiddenAbove(): boolean;
     render(): React.JSX.Element;
 }
-declare namespace ScrollIndicators {
-    namespace propTypes {
-        const children: PropTypes.Validator<PropTypes.ReactElementLike>;
-    }
-}
 import React from "react";
-import PropTypes from "prop-types";

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

@@ -1,6 +1,9 @@
+import { StyledComponent } from "styled-components";
+import { ComponentType } from "react";
+import { DefaultNDSThemeType } from "../theme.type";
 /**
  * A styled utility that adds a dashed border around a component
  * to highlight its boundaries. To be used in Storybook exclusively.
  */
-declare const dashed: (component: any) => import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;
+declare const dashed: <P extends object>(component: ComponentType<P>) => StyledComponent<ComponentType<P>, DefaultNDSThemeType, {}, never>;
 export default dashed;

package/dist/src/utils/localized-date-fns.d.ts

@@ -1 +1 @@
-export function localizedFormat(date: any, stringFormat: any, ndsLocale: any): string;
+export declare function localizedFormat(date: number, dateFormat: string, ndsLocale: string): string;

package/dist/src/utils/story/simulatedAPIRequests.d.ts

@@ -0,0 +1,4 @@
+export declare function filterOptions(inputValue: string, options: {
+    value: string;
+    label: string;
+}[], simulatedNetworkDelayMs?: number): Promise<Response>;

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

@@ -1,2 +1,9 @@
-export default subPx;
-declare function subPx(val1: any, val2: any): string;
+type CSSUnit = string;
+/**
+ * Subtracts two CSS measurements using calc()
+ * @param baseValue The starting CSS measurement
+ * @param subtractValue The value to subtract (defaults to '1px')
+ * @returns A CSS calc() expression
+ */
+export default function subPx(baseValue: CSSUnit, subtractValue?: CSSUnit): string;
+export {};

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

@@ -1,2 +1,3 @@
 export function getSubset(o: any, propObj: any): any;
 export function omitSubset(o: any, propObj: any): {};
+export function pick(o: any, ...fields: any[]): any;

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

@@ -13,5 +13,5 @@ type FocusManagerProps = {
     defaultFocusedIndex: number | null;
     children: (handlers: ChildrenHandlers) => ReactNode;
 };
-declare const FocusManager: React.FC<FocusManagerProps>;
+declare const FocusManager: React.FC<React.PropsWithChildren<FocusManagerProps>>;
 export default FocusManager;

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

@@ -1,4 +1,4 @@
-export function getWindowDimensionInfo(width: any, height: any): {
+export function getWindowDimensionInfo(width: any, height: any, theme: any): {
     width: any;
     height: any;
     widthBreakpoints: {

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "@nulogy/components",
-  "version": "11.0.0-beta.4",
+  "version": "11.0.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
+    "ci": "yarn && yarn build && yarn test && yarn run check",
     "new": "plop",
-    "start": "concurrently \"yarn build --watch\" \"start-storybook -p 9999\"",
-    "start:e2e": "yarn concurrently --kill-others \"yarn start --ci\" \"yarn wait-on http://localhost:9999 && cypress open\"",
+    "generate:theme": "npx tsx src/scripts/generateTheme.ts && prettier -w src/theme.ts",
+    "start": "concurrently \"yarn build --watch\" \"yarn start:storybook\"",
+    "start:cypress": "yarn concurrently --kill-others \"yarn start --ci\" \"yarn wait-on http://localhost:9999 && cypress open\"",
+    "start:storybook": "start-storybook -p 9999",
+    "clean:storybook": "rm -rf node_modules/.cache/storybook && rm -rf ./storybook-static",
     "build": "rollup -c",
     "build:storybook": "build-storybook",
     "check": "yarn check:types && yarn check:lint && yarn check:format",
@@ -19,9 +23,9 @@
     "fix": "yarn fix:lint && yarn fix:format",
     "fix:lint": "yarn check:lint --fix",
     "fix:format": "prettier -w .",
-    "test": "yarn test:components && yarn run test:e2e",
+    "test": "yarn test:components && yarn run test:cypress",
     "test:components": "jest",
-    "test:e2e": "yarn build:storybook && yarn concurrently --success \"first\" --kill-others \"yarn http-server -p 9999 ./storybook-static\" \"yarn wait-on http://localhost:9999 && yarn cypress run\"",
+    "test:cypress": "yarn build:storybook && yarn concurrently --success \"first\" --kill-others \"yarn http-server -p 9999 ./storybook-static\" \"yarn wait-on http://localhost:9999 && yarn cypress run\"",
     "test:visual": "npx chromatic --project-token $CHROMATIC_TOKEN --exit-zero-on-changes"
   },
   "license": "MIT",
@@ -52,7 +56,8 @@
     "@nulogy/icons": "4",
     "react": ">=16.10.2",
     "react-dom": ">=16.10.2",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.1.0",
+    "typescript": "4.9.5"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
@@ -63,7 +68,7 @@
     "@babel/preset-env": "7.3.1",
     "@babel/preset-typescript": "^7.10.4",
     "@nulogy/eslint-config-nulogy": "^1.0.0",
-    "@nulogy/icons": "^4.26.0",
+    "@nulogy/icons": "4.34.1",
     "@rollup/plugin-babel": "^5.0.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@semantic-release/changelog": "^6.0.2",
@@ -74,6 +79,7 @@
     "@semantic-release/release-notes-generator": "^10.0.3",
     "@storybook/addon-a11y": "^6.1.9",
     "@storybook/addon-actions": "^6.1.9",
+    "@storybook/addon-docs": "6.1.9",
     "@storybook/addon-knobs": "^6.1.9",
     "@storybook/addon-storysource": "^6.1.9",
     "@storybook/addon-viewport": "^7.6.6",
@@ -110,13 +116,12 @@
     "eslint-plugin-prettier": "^3.1.4",
     "http-server": "^14.0.0",
     "husky": "^4.3.0",
-    "jest": "29.5.0",
+    "jest": "29.7.0",
     "jest-environment-jsdom": "^29.5.0",
     "jest-styled-components": "7",
     "jscodeshift": "^0.11.0",
     "mockdate": "^3.0.2",
     "plop": "^2.4.0",
-    "prop-types": "15.7.2",
     "react": "17.0.2",
     "react-color": "^2.18.1",
     "react-dom": "17.0.2",
@@ -142,11 +147,9 @@
     "@nulogy/tokens": "^5.4.0",
     "@styled-system/prop-types": "^5.1.4",
     "@styled-system/theme-get": "^5.1.2",
-    "@types/react-window": "^1.8.8",
     "@types/styled-system": "5.1.22",
     "body-scroll-lock": "^3.1.5",
     "core-js": "3",
-    "create-react-context": "^0.3.0",
     "date-fns": "2.23.0",
     "debounce": "^1.2.0",
     "deep-equal": "^2.2.1",
@@ -157,18 +160,18 @@
     "react-fast-compare": "^3.2.0",
     "react-hot-toast": "^2.4.1",
     "react-i18next": "^12.3.1",
-    "react-input-autosize": "^2.2.2",
     "react-modal": "^3.14.4",
     "react-popper": "1.3.11",
     "react-popper-2": "npm:react-popper@2.2.4",
     "react-resize-detector": "^9.1.0",
     "react-select": "^5.8.0",
-    "react-window": "^1.8.10",
+    "react-windowed-select": "^5.2.0",
+    "smoothscroll-polyfill": "^0.4.4",
     "styled-system": "^5.1.4"
   },
   "husky": {
     "hooks": {
-      "pre-push": "yarn run check"
+      "pre-push": "yarn run ci"
     }
   },
   "jest": {

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

@@ -1,9 +0,0 @@
-import React from "react";
-export type ComponentSize = "medium" | "large";
-type ComponentSizeContextValue = {
-    size: ComponentSize;
-};
-export declare const ComponentSizeContext: React.Context<ComponentSizeContextValue>;
-export declare function useComponentSize(selectedSize?: ComponentSize): ComponentSize;
-declare const ComponentSizeContextProvider: React.FC<ComponentSizeContextValue>;
-export default ComponentSizeContextProvider;