@nulogy/components 11.1.0 → 11.2.0

package/dist/src/BottomSheet/BottomSheet.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { WidthProps } from "styled-system";
-interface Props {
+export interface Props {
     isOpen?: boolean;
     "aria-label"?: string;
     onClose?: () => void;
@@ -20,4 +20,3 @@ interface Props {
     children?: React.ReactNode;
 }
 export default function BottomSheet({ title, helpText, closeButtonLabel, secondaryAction, primaryAction, isOpen, onClose, sheetWidth, contentWidth, disableCloseOnOverlayClick, hideCloseButton, children, ...props }: Props): React.JSX.Element;
-export {};

package/dist/src/BottomSheet/BottomSheet.parts.d.ts

@@ -27,7 +27,7 @@ export declare const BottomSheetParts: {
         variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
         inline?: boolean;
         disabled?: boolean;
-        textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+        textTransform?: "initial" | "-moz-initial" | "inherit" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
         fontSize?: string;
     } & import("..").StyledProps & {
         as: string;
@@ -36,7 +36,7 @@ export declare const BottomSheetParts: {
         variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
         inline?: boolean;
         disabled?: boolean;
-        textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+        textTransform?: "initial" | "-moz-initial" | "inherit" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
         fontSize?: string;
     } & import("..").StyledProps, never>;
     Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/src/BottomSheet/BottomSheet.styled.d.ts

@@ -23,7 +23,7 @@ declare const Title: import("styled-components").StyledComponent<"p", import("st
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
     disabled?: boolean;
-    textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+    textTransform?: "initial" | "inherit" | "-moz-initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
     fontSize?: string;
 } & import("../StyledProps").StyledProps & {
     as: string;
@@ -32,7 +32,7 @@ declare const HelpText: import("styled-components").StyledComponent<"p", import(
     variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
     disabled?: boolean;
-    textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+    textTransform?: "initial" | "inherit" | "-moz-initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
     fontSize?: string;
 } & import("../StyledProps").StyledProps, never>;
 export { Overlay, Sheet, ContentContainer, Footer, Header, Title, HelpText };

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

@@ -0,0 +1,3 @@
+export { default as BottomSheet } from "./BottomSheet";
+export { BottomSheetParts } from "./BottomSheet.parts";
+export type { Props as BottomSheetProps } from "./BottomSheet";

package/dist/src/BottomSheet/stories/BottomSheet.actions.story.d.ts

@@ -1,6 +1,12 @@
 import React from "react";
 declare const _default: {
     title: string;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
 };
 export default _default;
 export declare const WithAHiddenCloseButton: () => React.JSX.Element;

package/dist/src/BottomSheet/stories/BottomSheet.content.story.d.ts

@@ -1,6 +1,12 @@
 import React from "react";
 declare const _default: {
     title: string;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
 };
 export default _default;
 export declare const WithHelpText: () => React.JSX.Element;

package/dist/src/BottomSheet/stories/BottomSheet.features.story.d.ts

@@ -1,6 +1,12 @@
 import React from "react";
 declare const _default: {
     title: string;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
 };
 export default _default;
 export declare const WithCustomWidths: () => React.JSX.Element;

package/dist/src/BottomSheet/stories/BottomSheet.parts.story.d.ts

@@ -1,6 +1,12 @@
 import React from "react";
 declare const _default: {
     title: string;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
 };
 export default _default;
 export declare const RenderedUsingCompositionalAPI: () => React.JSX.Element;

package/dist/src/BottomSheet/stories/BottomSheet.story.d.ts

@@ -1,6 +1,12 @@
 import React from "react";
 declare const _default: {
     title: string;
+    decorators: ((storyFn: any) => React.JSX.Element)[];
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
 };
 export default _default;
 export declare const BasicUsage: () => React.JSX.Element;

package/dist/src/BrandedNavBar/NavBarBackground.d.ts

@@ -1,4 +1,4 @@
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 import { StyledProps } from "../StyledProps";
 export type NavBarBackgroundProps = {
     theme?: DefaultNDSThemeType;

package/dist/src/Button/Button.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
+import type { IconName } from "@nulogy/icons";
 import { SpaceProps } from "styled-system";
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 export type ButtonProps = SpaceProps & React.ComponentPropsWithRef<"button"> & {
     className?: string;
-    icon?: any;
+    icon?: IconName | "loading";
     iconSide?: "left" | "right";
     size?: "small" | "medium";
     variant?: ComponentVariant;

package/dist/src/Button/ControlIcon.d.ts

@@ -1,8 +1,9 @@
+import type { IconName } from "@nulogy/icons";
 import React from "react";
 import { LayoutProps, SpaceProps } from "styled-system";
 type ControlIconProps = React.ComponentPropsWithRef<"button"> & SpaceProps & LayoutProps & {
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    icon: string;
+    icon: IconName | "loading";
     toggled?: boolean;
     disabled?: boolean;
     size?: string;

package/dist/src/Button/IconicButton.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
+import { IconName } from "@nulogy/icons";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 interface BaseProps {
     variant?: ComponentVariant;
     color?: string;
     labelHidden?: boolean;
-    icon?: string;
+    icon?: IconName | "loading";
     iconSize?: string;
     hoverBackgroundColor?: string;
     fontSize?: string;

package/dist/src/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 type NativeInputProps = Omit<React.ComponentPropsWithRef<"input">, "size">;
 type CheckboxProps = NativeInputProps & SpaceProps & {

package/dist/src/DatePicker/DatePickerStyles.d.ts

@@ -1,4 +1,4 @@
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 export declare const DatePickerStyles: import("styled-components").GlobalStyleComponent<{
     theme: DefaultNDSThemeType;
 }, import("styled-components").DefaultTheme>;

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

@@ -1,3 +1,6 @@
 import { StyledProps } from "../StyledProps";
-declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledProps, never>;
+export interface DividerProps extends StyledProps, React.HTMLAttributes<HTMLHRElement> {
+    secondary?: boolean;
+}
+declare const Divider: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, DividerProps, never>;
 export default Divider;

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

@@ -1,9 +1,10 @@
 import React from "react";
 declare const _default: {
     title: string;
-    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").StyledProps, never>;
+    component: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, import("./Divider").DividerProps, never>;
 };
 export default _default;
 export declare const Default: () => React.JSX.Element;
+export declare const Secondary: () => React.JSX.Element;
 export declare const WithCustomColourAndSpacing: () => React.JSX.Element;
 export declare const WithCustomProperties: () => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { DefaultNDSThemeType } from "../theme.type";
+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"> & {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 type DropdownMenuContainerProps = {
     id?: string;
     className?: string;

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

@@ -1,7 +1,8 @@
 import React, { ReactElement } from "react";
+import { IconName } from "@nulogy/icons";
 interface FramedIconProps extends React.ComponentPropsWithoutRef<"svg"> {
     iconSize: string;
-    icon: string;
+    icon: IconName | "loading";
     focusable?: boolean;
     maxWidth?: string;
     tooltip?: string | ReactElement;

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

@@ -1,7 +1,8 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
+import { IconName } from "@nulogy/icons";
 interface IconProps extends SpaceProps {
-    icon: string;
+    icon: IconName | "loading";
     className?: string;
     size?: string;
     title?: string;

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

@@ -1,11 +1,12 @@
 import React from "react";
+import { IconName } from "@nulogy/icons";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 type NativeInputProps = Omit<React.ComponentPropsWithRef<"input">, "size" | "height" | "width">;
 export interface InputFieldProps extends NativeInputProps {
     htmlSize?: number;
     variant?: ComponentVariant;
-    iconRight?: string;
-    iconLeft?: string;
+    iconRight?: IconName | "loading";
+    iconLeft?: IconName | "loading";
     iconRightSize?: string;
     iconLeftSize?: string;
     error?: boolean;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 type ModalContentProps = React.ComponentPropsWithRef<"div"> & {
     hasFooter?: any;
     theme?: DefaultNDSThemeType;

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

@@ -1,4 +1,4 @@
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     hasCloseButton?: boolean;
     theme?: DefaultNDSThemeType;

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

@@ -4,7 +4,7 @@ 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 default function ComponentVariantContextProvider({ variant, children }: ComponentVariantContextValue): React.JSX.Element;
 export declare function useComponentVariant(selectedVariant?: ComponentVariant): ComponentVariant;
 export {};

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

@@ -0,0 +1,11 @@
+import React from "react";
+export interface FeatureFlags {
+    experimentalDesktopTypographyScale?: boolean;
+}
+export interface FeatureFlagsContextValue {
+    featureFlags: FeatureFlags;
+    children?: React.ReactNode;
+}
+export declare const FeatureFlagsContext: React.Context<FeatureFlagsContextValue>;
+export default function FeatureFlagsProvider({ featureFlags, children }: FeatureFlagsContextValue): React.JSX.Element;
+export declare function useFeatureFlags(): FeatureFlags;

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

@@ -1,4 +1,4 @@
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 export type GlobalStylesProps = {
     theme?: DefaultNDSThemeType;
     locale?: string;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 type GlobalStylesComposerProps = {
     theme?: DefaultNDSThemeType;
     locale?: string;

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

@@ -1,12 +1,14 @@
 import React from "react";
-import { ThemeType } from "../theme.type";
+import { ThemeType } from "../theme";
 import { ComponentVariant } from "./ComponentVariantContext";
+import { FeatureFlags } from "./FeatureFlagsContext";
 type NDSProviderProps = {
     theme?: ThemeType;
     locale?: string;
     disableGlobalStyles?: boolean;
     children?: React.ReactNode;
     variant?: ComponentVariant;
+    featureFlags?: FeatureFlags;
 };
-declare function NDSProvider({ theme: customTheme, children, disableGlobalStyles, locale, variant, }: NDSProviderProps): React.JSX.Element;
+declare function NDSProvider({ theme: customTheme, children, disableGlobalStyles, locale, variant, featureFlags, }: NDSProviderProps): React.JSX.Element;
 export default NDSProvider;

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

@@ -1,7 +1,7 @@
 import type { CSSObject } from "styled-components";
 import type { GroupBase, MenuPlacement, StylesConfig } from "react-select";
 import type { CSSProperties } from "react";
-import type { DefaultNDSThemeType } from "../theme.type";
+import type { DefaultNDSThemeType } from "../theme";
 import type { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 type Placement = "top" | "bottom";
 export declare function getControlBorderRadius({ border, isMenuOpen, menuLength, menuPlacement, theme, }: {
@@ -20,7 +20,7 @@ export declare function getMenuBorderRadius({ border, menuPlacement, theme, }: {
     style: CSSProperties["borderBottomStyle"];
 };
 type VariantConfig = {
-    [key in ComponentVariant]: CSSObject;
+    [key in ComponentVariant]?: CSSObject;
 };
 export declare function stylesForVariant(config: VariantConfig, variant?: ComponentVariant): CSSObject;
 export declare function showIndicatorSeparator({ hasValue, isClearable, isMulti }: {

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 export type StyledTextareaProps = React.ComponentPropsWithRef<"textarea"> & SpaceProps & {
     variant?: ComponentVariant;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 declare const ToggleComponent: React.ForwardRefExoticComponent<SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     onChange?: (...args: any[]) => any;
     variant?: ComponentVariant;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { DefaultNDSThemeType } from "../theme.type";
+import { DefaultNDSThemeType } from "../theme";
 type ToggleButtonProps = React.ComponentPropsWithRef<"input"> & {
     defaultToggled?: boolean;
     toggled?: boolean;

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

@@ -64,3 +64,4 @@ export declare const OpenByDefault: {
     };
 };
 export declare const WithCustomComponent: () => React.JSX.Element;
+export declare const WithRef: () => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import { PositionProps } from "styled-system";
-import { DefaultNDSThemeType } from "../theme.type";
+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>>> & {
     theme?: DefaultNDSThemeType;
     dataPlacement?: "top" | "bottom" | "left" | "right";

package/dist/src/index.d.ts

@@ -2,6 +2,8 @@ export { Alert, NotificationTypes } from "./Alert";
 export type { NotificationType } from "./Alert";
 export { AsyncSelect } from "./AsyncSelect";
 export { Banner } from "./Banner";
+export { BottomSheet, BottomSheetParts } from "./BottomSheet";
+export type { BottomSheetProps } from "./BottomSheet";
 export { AnimatedBox, Box } from "./Box";
 export { BrandedNavBar, BrandLogoContainer, DesktopMenu, EnvironmentBanner, MenuTrigger, NavBarBackground, SmallNavBar, } from "./BrandedNavBar";
 export type { BrandLogoContainerProps, DesktopMenuProps, EnvironmentBannerProps, MenuTriggerProps, NavBarBackgroundProps, RenderMenuButtonProps, SmallNavBarProps, } from "./BrandedNavBar";
@@ -43,11 +45,11 @@ export { Table } from "./Table";
 export type { TableCellInfoType, TableColumnType, TableProps, TableRowType } from "./Table";
 export { Tab, Tabs } from "./Tabs";
 export { Textarea } from "./Textarea";
-export type { ThemeType, DefaultNDSThemeType } from "./theme.type";
+export type { DefaultNDSThemeType, ThemeType } from "./theme";
 export { TimePicker } from "./TimePicker";
 export { TimeRange } from "./TimeRange";
 export { Toast } from "./Toast";
-export { ToastContainer, toast } from "./ToastContainer";
+export { toast, ToastContainer } from "./ToastContainer";
 export { Toggle } from "./Toggle";
 export { Tooltip } from "./Tooltip";
 export { TruncatedText } from "./TruncatedText";

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

@@ -0,0 +1,5 @@
+import React from "react";
+export default function NDSThemeProvider({ customTheme, children }: {
+    customTheme: any;
+    children: any;
+}): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export { themes, phone, tablet, legacy as desktop } from "./theme";
+export type { ThemeType, DefaultNDSThemeType, Breakpoints } from "./theme.type";

package/dist/src/{NDSProvider → theme}/mergeThemes.util.d.ts

@@ -1,2 +1,2 @@
-import { DefaultNDSThemeType, ThemeType } from "../theme.type";
+import { DefaultNDSThemeType, ThemeType } from "./theme.type";
 export declare const mergeThemes: (theme: DefaultNDSThemeType, customTheme: ThemeType) => DefaultNDSThemeType;

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

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

package/dist/src/{theme.type.d.ts → theme/theme.type.d.ts}

@@ -1,4 +1,4 @@
-import { RecursivePartial } from "./utils/ts/recursivePartial";
+import { RecursivePartial } from "../utils/ts/recursivePartial";
 interface Colors {
     black: string;
     blackBlue: string;
@@ -28,6 +28,7 @@ interface FontSizes {
     smaller: string;
     small: string;
     medium: string;
+    base: string;
     large: string;
     larger: string;
     largest: string;
@@ -35,6 +36,13 @@ interface FontSizes {
     heading2: string;
     heading3: string;
     heading4: string;
+    xxs: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
 }
 interface LineHeights {
     base: string;
@@ -96,7 +104,7 @@ interface Radii {
     medium: string;
     large: string;
     circle: string;
-    rounded: string;
+    pill: string;
 }
 export interface Breakpoints {
     extraSmall: string;

package/dist/src/{NDSProvider → theme}/useNDSTheme.d.ts

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

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

@@ -1,6 +1,6 @@
 import { StyledComponent } from "styled-components";
 import { ComponentType } from "react";
-import { DefaultNDSThemeType } from "../../theme.type";
+import { DefaultNDSThemeType } from "../../theme";
 /**
  * A styled utility that adds a dashed border around a component
  * to highlight its boundaries. To be used in Storybook exclusively.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "11.1.0",
+  "version": "11.2.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -9,7 +9,7 @@
   "scripts": {
     "ci": "yarn && yarn build && yarn test && yarn run check",
     "new": "plop",
-    "generate:theme": "npx tsx src/scripts/generateTheme.ts && prettier -w src/theme.ts",
+    "generate:theme": "npx tsx src/scripts/generateTheme.ts && prettier -w src/theme/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",
@@ -68,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.34.1",
+    "@nulogy/icons": "^4.36.0",
     "@rollup/plugin-babel": "^5.0.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@semantic-release/changelog": "^6.0.2",
@@ -82,7 +82,8 @@
     "@storybook/addon-docs": "6.1.9",
     "@storybook/addon-knobs": "^6.1.9",
     "@storybook/addon-storysource": "^6.1.9",
-    "@storybook/addon-viewport": "^7.6.6",
+    "@storybook/addon-toolbars": "^6.1.9",
+    "@storybook/addon-viewport": "^6.1.9",
     "@storybook/codemod": "^6.1.9",
     "@storybook/react": "^6.3.12",
     "@storybook/theming": "^6.1.9",

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

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

package/dist/src/theme.d.ts

@@ -1,5 +0,0 @@
-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 {};