@nulogy/components 11.0.0 → 11.2.0

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

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

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

@@ -0,0 +1,44 @@
+import { DialogContentProps, DialogOverlayProps } from "@reach/dialog";
+import { AnimatePresenceProps } from "framer-motion";
+import React from "react";
+import { HeightProps, LayoutProps, MaxHeightProps, MaxWidthProps, SpaceProps, WidthProps } from "styled-system";
+interface RootProps extends AnimatePresenceProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+}
+declare function Root({ isOpen, onClose, children, ...props }: RootProps): React.JSX.Element;
+interface OverlayPartProps extends DialogOverlayProps {
+    closeOnClick?: boolean;
+}
+declare function OverlayPart({ closeOnClick, children, ...props }: OverlayPartProps): React.JSX.Element;
+interface SheetPartProps extends DialogContentProps, WidthProps, MaxWidthProps, HeightProps, MaxHeightProps, SpaceProps, LayoutProps {
+    children: React.ReactNode;
+    "aria-label": string;
+}
+declare function SheetPart({ children, ...props }: SheetPartProps): React.JSX.Element;
+export declare const BottomSheetParts: {
+    Root: typeof Root;
+    Overlay: typeof OverlayPart;
+    Sheet: typeof SheetPart;
+    ContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+    Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+    Title: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, React.HTMLAttributes<HTMLParagraphElement> & {
+        variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
+        inline?: boolean;
+        disabled?: boolean;
+        textTransform?: "initial" | "-moz-initial" | "inherit" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
+        fontSize?: string;
+    } & import("..").StyledProps & {
+        as: string;
+    }, "as">;
+    HelpText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, React.HTMLAttributes<HTMLParagraphElement> & {
+        variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
+        inline?: boolean;
+        disabled?: boolean;
+        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>;
+};
+export {};

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { DialogContentProps } from "@reach/dialog";
+import type { AnimationProps } from "framer-motion";
+import type { HeightProps, LayoutProps, MaxHeightProps, MaxWidthProps, SpaceProps, WidthProps } from "styled-system";
+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>;
+interface SheetProps extends DialogContentProps, AnimationProps, WidthProps, MaxWidthProps, HeightProps, MaxHeightProps, SpaceProps, LayoutProps {
+}
+declare const Sheet: 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>;
+}, DialogContentProps & {
+    as?: "div";
+}>>, import("styled-components").DefaultTheme, {
+    [x: string]: {};
+} & SheetProps, never>;
+declare const ContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const Title: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLParagraphElement> & {
+    variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
+    inline?: boolean;
+    disabled?: boolean;
+    textTransform?: "initial" | "inherit" | "-moz-initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+    fontSize?: string;
+} & import("../StyledProps").StyledProps & {
+    as: string;
+}, "as">;
+declare const HelpText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLParagraphElement> & {
+    variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
+    inline?: boolean;
+    disabled?: boolean;
+    textTransform?: "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/BottomSheetProvider.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface BottomSheetContextType {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare function useBottomSheet(): BottomSheetContextType;
+declare function BottomSheetProvider({ isOpen, onClose, children, }: {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+}): React.JSX.Element;
+export { BottomSheetProvider, useBottomSheet };

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

@@ -0,0 +1,13 @@
+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;
+export declare const WithButtons: () => React.JSX.Element;

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

@@ -0,0 +1,13 @@
+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;
+export declare const WithHelpContent: () => React.JSX.Element;

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

@@ -0,0 +1,14 @@
+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;
+export declare const DisableCloseOnOverlayClick: () => React.JSX.Element;
+export declare const AdvancedUsage: () => React.JSX.Element;

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

@@ -0,0 +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

@@ -0,0 +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/Link/Link.d.ts

@@ -8,5 +8,13 @@ export type LinkProps = React.ComponentPropsWithRef<"a"> & Partial<StyledProps>
     to?: string;
     as?: React.ElementType | string;
 };
-declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLLinkElement>>;
+declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: React.Ref<HTMLAnchorElement>;
+} & Partial<StyledProps> & {
+    underline?: boolean;
+    hover?: string;
+    variant?: ComponentVariant;
+    to?: string;
+    as?: React.ElementType | string;
+}, never>;
 export default Link;

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/Select.story.d.ts

@@ -102,6 +102,7 @@ export declare const WithCustomOptionComponent: {
         name: string;
     };
 };
+export declare const WithACustomSelectedOption: () => React.JSX.Element;
 export declare const UsingRefToControlFocus: {
     (): React.JSX.Element;
     story: {

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/StyledProps/index.d.ts

@@ -1,6 +1,10 @@
+import { styleFn, variant as styledSystemVariant } from "styled-system";
 import type { SpaceProps, PaddingProps, MarginProps, WidthProps, FontSizeProps, FontFamilyProps, TextAlignProps, LineHeightProps, FontWeightProps, FontStyleProps, LetterSpacingProps, DisplayProps, MaxWidthProps, MinWidthProps, HeightProps, MaxHeightProps, MinHeightProps, SizeProps, VerticalAlignProps, AlignItemsProps, AlignContentProps, JustifyItemsProps, JustifyContentProps, FlexWrapProps, FlexBasisProps, FlexDirectionProps, FlexProps, JustifySelfProps, AlignSelfProps, OrderProps, GridGapProps, GridColumnGapProps, GridRowGapProps, GridColumnProps, GridRowProps, GridAutoFlowProps, GridAutoColumnsProps, GridAutoRowsProps, GridTemplateColumnsProps, GridTemplateRowsProps, GridTemplateAreasProps, GridAreaProps, BorderProps, BorderTopProps, BorderRightProps, BorderBottomProps, BorderLeftProps, BordersProps, BorderColorProps, BorderRadiusProps, BoxShadowProps, OpacityProps, OverflowProps, BackgroundProps, BackgroundImageProps, BackgroundPositionProps, BackgroundRepeatProps, BackgroundSizeProps, PositionProps, ZIndexProps, TopProps, RightProps, BottomProps, LeftProps, TextStyleProps, ColorStyleProps, ButtonStyleProps, FlexboxProps, GridProps, BackgroundColorProps, FlexGrowProps, TypographyProps, LayoutProps } from "styled-system";
 import { CSSProperties } from "react";
-export declare const addStyledProps: import("styled-system").styleFn;
+export declare function getStyledPropNames(...styleFns: styleFn[]): string[];
+export declare const excludeStyledProps: (...styleFns: styleFn[]) => (prop: string | number) => boolean;
+export declare const variant: typeof styledSystemVariant;
+export declare const addStyledProps: styleFn;
 interface TransitionProps {
     transition?: CSSProperties["transition"];
     transitionDelay?: CSSProperties["transitionDelay"];

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/noop.d.ts

@@ -0,0 +1,5 @@
+/**
+ * No operation function that does nothing and returns nothing.
+ * Useful as a default callback or placeholder.
+ */
+export declare function noop(): void;