@nulogy/components 11.1.0 → 11.3.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/TopBar/TopBar.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { BackLink } from "./components/BackLink";
+import { Menu } from "./components/Menu";
+import { MenuItem } from "./components/MenuItem";
+import { PageTitle } from "./components/PageTitle";
+export interface TopBarProps {
+    children?: React.ReactNode;
+}
+export default function Root({ children }: TopBarProps): React.JSX.Element;
+export declare const TopBar: {
+    Root: typeof Root;
+    PageTitle: typeof PageTitle;
+    BackLink: typeof BackLink;
+    Menu: typeof Menu;
+    MenuItem: typeof MenuItem;
+};

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { StyledProps } from "../StyledProps";
+declare const MenuItemList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+declare const Header: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
+declare const Navigation: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {}, never>;
+declare const StylelessButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, StyledProps, never>;
+declare const MenuButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, StyledProps, never>;
+declare const NavigationItemsList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledBackLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledPageTitle: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+declare const Overlay: import("styled-components").StyledComponent<import("framer-motion").CustomDomComponent<import("@reach/utils/dist/declarations/src/polymorphic").Merge<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, import("@reach/dialog/dist/declarations/src").DialogOverlayProps & {
+    as?: "div";
+}>>, import("styled-components").DefaultTheme, {}, never>;
+declare const TileLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledMenuItem: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLLIElement, import("framer-motion").HTMLMotionProps<"li">>, import("styled-components").DefaultTheme, {}, never>;
+export { Navigation, Header, NavigationItemsList, StyledBackLink, StyledPageTitle, Overlay, TileLink, StylelessButton, MenuItemList, MenuButton, StyledMenuItem, };

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

@@ -0,0 +1,7 @@
+import React, { ComponentProps } from "react";
+import { MaxWidthProps } from "styled-system";
+import { StyledBackLink } from "../TopBar.styled";
+interface BackLinkProps extends MaxWidthProps, ComponentProps<typeof StyledBackLink> {
+}
+export declare function BackLink({ children, maxWidth, ...props }: BackLinkProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import React from "react";
+export declare function Menu({ children, defaultOpened, ...props }: {
+    defaultOpened?: boolean;
+    children: React.ReactNode;
+    "aria-label"?: string;
+}): React.JSX.Element;

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

@@ -0,0 +1,11 @@
+import { IconName } from "@nulogy/icons";
+import React, { ComponentProps } from "react";
+import { TileLink } from "../TopBar.styled";
+interface MenuItemProps extends ComponentProps<typeof TileLink> {
+    title: string;
+    description?: string;
+    icon: IconName;
+}
+export declare function MenuItem({ description, title, icon, ...props }: MenuItemProps): React.JSX.Element;
+export type MenuItems = MenuItemProps[];
+export {};

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

@@ -0,0 +1,3 @@
+import React, { ComponentProps } from "react";
+import { StyledPageTitle } from "../TopBar.styled";
+export declare function PageTitle({ children, ...props }: ComponentProps<typeof StyledPageTitle>): React.JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare const TOPBAR: {
+    themedHeight: string;
+};

package/dist/src/TopBar/stories/TopBar.backButton.story.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+declare const _default: {
+    parameters: {
+        layout: string;
+        chromatic: {
+            modes: {
+                locale: string;
+                desktopScale: string;
+                theme: string;
+                viewports: number[];
+            };
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const WithNoLabel: () => React.JSX.Element;
+export declare const WithACustomMaxWidth: () => React.JSX.Element;
+export declare const WithARouterLink: () => React.JSX.Element;

package/dist/src/TopBar/stories/TopBar.menu.story.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+declare const _default: {
+    parameters: {
+        layout: string;
+        chromatic: {
+            delay: number;
+            modes: {
+                locale: string;
+                desktopScale: string;
+                theme: string;
+                viewports: number[];
+            };
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const withDefaultOpenMenu: () => React.JSX.Element;
+export declare const WithOneMenuItem: () => React.JSX.Element;
+export declare const WithTwoItems: () => React.JSX.Element;
+export declare const WithThreeItems: () => React.JSX.Element;
+export declare const WithRouterLinks: () => React.JSX.Element;

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

@@ -0,0 +1,19 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    parameters: {
+        layout: string;
+        chromatic: {
+            modes: {
+                locale: string;
+                desktopScale: string;
+                theme: string;
+                viewports: number[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const WithALongTitle: () => React.JSX.Element;
+export declare const WithAnApplicationFrame: () => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import { MenuItems } from "../components/MenuItem";
+export declare const menuItems: MenuItems;

package/dist/src/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -1,2 +1,4 @@
-declare function useMediaQuery(query: string): boolean;
+import { Breakpoints } from "../../theme";
+type Query = keyof Breakpoints | (string & {});
+declare function useMediaQuery(q: Query): boolean;
 export default useMediaQuery;

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";
@@ -18,6 +20,7 @@ export { DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText
 export { FieldLabel, HelpText, RequirementText } from "./FieldLabel";
 export { Flex } from "./Flex";
 export { Field, Fieldset, Form, FormSection } from "./Form";
+export { default as useMediaQuery } from "./hooks/useMediaQuery";
 export { Icon, InlineIcon } from "./Icon";
 export { Input } from "./Input";
 export { ApplicationFrame, Header, Page, Sidebar } from "./Layout";
@@ -43,11 +46,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 {};