@nulogy/components 6.7.3 → 6.8.0

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type MenuTriggerProps = {
+export declare type MenuTriggerProps = {
     name?: string;
     "aria-label"?: string;
     menuData?: any[];

package/dist/src/BrandedNavBar/NavBar.story.d.ts

@@ -45,3 +45,26 @@ export declare const WithReactRouter: {
         name: string;
     };
 };
+export declare const WithHamburgerMenu: {
+    (): JSX.Element;
+    parameters: {
+        viewport: {
+            defaultViewport: string;
+        };
+        chromatic: {
+            viewports: number[];
+        };
+    };
+};
+export declare const CustomRendering: () => JSX.Element;
+export declare const CustomRenderingInHamburger: {
+    (): JSX.Element;
+    parameters: {
+        viewport: {
+            defaultViewport: string;
+        };
+        chromatic: {
+            viewports: number[];
+        };
+    };
+};

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

@@ -51,7 +51,14 @@ export declare const WithATooltipAndLabel: {
         name: string;
     };
 };
-export declare const rightAligned: () => JSX.Element;
+export declare const rightAligned: {
+    (): JSX.Element;
+    parameters: {
+        chromatic: {
+            diffThreshold: number;
+        };
+    };
+};
 export declare const WithACustomFontSize: {
     (): JSX.Element;
     story: {

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

@@ -27,18 +27,15 @@ export declare const WithButtonClosingMenu: {
         name: string;
     };
 };
-export declare const WithCustomItem: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
+export declare const WithCustomLink: () => JSX.Element;
+export declare const WithCustomText: () => JSX.Element;
 export declare const SetToDefaultOpen: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
+export declare const WithVisitedLinks: () => JSX.Element;
 export declare const SetToDisabled: {
     (): JSX.Element;
     story: {

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { TextProps } from "../Type/Text";
+declare const DropdownText: React.FC<TextProps>;
+export default DropdownText;

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

@@ -2,3 +2,4 @@ export { default as DropdownMenu } from "./DropdownMenu";
 export { default as DropdownButton } from "./DropdownButton";
 export { default as DropdownLink } from "./DropdownLink";
 export { default as DropdownItem } from "./DropdownItem";
+export { default as DropdownText } from "./DropdownText";

package/dist/src/NavBar/DesktopMenu.d.ts

@@ -1,4 +1,5 @@
-export default DesktopMenu;
+/// <reference types="react" />
+import PropTypes from "prop-types";
 declare const DesktopMenu: import("styled-components").StyledComponent<{
     ({ menuData, themeColorObject, ...props }: {
         [x: string]: any;
@@ -14,4 +15,4 @@ declare const DesktopMenu: import("styled-components").StyledComponent<{
         themeColorObject: any;
     };
 }, import("styled-components").DefaultTheme, {}, never>;
-import PropTypes from "prop-types";
+export default DesktopMenu;

package/dist/src/NavBar/MenuTrigger.d.ts

@@ -1,7 +1,8 @@
-export default MenuTrigger;
-declare function MenuTrigger(props: any): JSX.Element;
-declare namespace MenuTrigger {
-    export const propTypes: {
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare const MenuTrigger: {
+    (props: any): JSX.Element;
+    propTypes: {
         name: PropTypes.Validator<PropTypes.ReactNodeLike>;
         "aria-label": PropTypes.Requireable<string>;
         menuData: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
@@ -9,12 +10,12 @@ declare namespace MenuTrigger {
         hoverColor: PropTypes.Requireable<string>;
         hoverBackground: PropTypes.Requireable<string>;
     };
-    export const defaultProps: {
+    defaultProps: {
         menuData: any;
         "aria-label": any;
         color: string;
         hoverColor: string;
         hoverBackground: string;
     };
-}
-import PropTypes from "prop-types";
+};
+export default MenuTrigger;

package/dist/src/NavBar/MobileMenu.d.ts

@@ -1,4 +1,5 @@
-export default MobileMenu;
+/// <reference types="react" />
+import PropTypes from "prop-types";
 declare const MobileMenu: import("styled-components").StyledComponent<{
     ({ menuData, closeMenu, subtext, includeSubtext, themeColorObject, ...props }: {
         [x: string]: any;
@@ -30,4 +31,4 @@ declare const MobileMenu: import("styled-components").StyledComponent<{
         themeColorObject: any;
     };
 }, import("styled-components").DefaultTheme, {}, never>;
-import PropTypes from "prop-types";
+export default MobileMenu;

package/dist/src/NavBar/NavBar.d.ts

@@ -1,28 +1,62 @@
-export default NavBar;
-declare function NavBar(props: any): JSX.Element;
-declare namespace NavBar {
-    export namespace propTypes {
-        export const menuData: PropTypes.Requireable<PropTypes.InferProps<{
-            primaryMenu: PropTypes.Requireable<any[]>;
-            secondaryMenu: PropTypes.Requireable<any[]>;
+import React from "react";
+import PropTypes from "prop-types";
+import { DefaultNDSThemeType } from "../theme.type";
+export declare const getThemeColor: (themeColor: any) => any;
+export declare const NavBarBackground: import("styled-components").StyledComponent<React.FunctionComponent<import("../Box/Box").BoxProps>, import("styled-components").DefaultTheme, {
+    backgroundColor: string;
+    theme?: DefaultNDSThemeType;
+}, never>;
+export declare const BrandingLink: ({ to, href, children, ...props }: {
+    [x: string]: any;
+    to: any;
+    href: any;
+    children: any;
+}) => JSX.Element;
+export declare const MenuDataPropTypes: {
+    primaryMenu: PropTypes.Requireable<unknown[]>;
+    secondaryMenu: PropTypes.Requireable<unknown[]>;
+    search: PropTypes.Requireable<PropTypes.InferProps<{
+        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
+};
+export declare const MobileMenuTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    hoverColor: string;
+    hoverBackground: string;
+}, never>;
+export declare const SmallHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {
+    isOpen: boolean;
+}, never>;
+export declare const pixelDigitsFrom: (pixelString: any) => number;
+export declare const MenuIcon: {
+    ({ isOpen }: {
+        isOpen: any;
+    }): JSX.Element;
+    propTypes: {
+        isOpen: PropTypes.Requireable<boolean>;
+    };
+    defaultProps: {
+        isOpen: boolean;
+    };
+};
+declare const NavBar: {
+    (props: any): JSX.Element;
+    propTypes: {
+        menuData: PropTypes.Requireable<PropTypes.InferProps<{
+            primaryMenu: PropTypes.Requireable<unknown[]>;
+            secondaryMenu: PropTypes.Requireable<unknown[]>;
             search: PropTypes.Requireable<PropTypes.InferProps<{
                 onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;
         }>>;
-        export const className: PropTypes.Requireable<string>;
-        export const breakpointUpper: PropTypes.Requireable<React.ReactText>;
-        export const themeColor: PropTypes.Requireable<string>;
-    }
-    export namespace defaultProps {
-        const menuData_1: any;
-        export { menuData_1 as menuData };
-        const className_1: any;
-        export { className_1 as className };
-        const breakpointUpper_1: string;
-        export { breakpointUpper_1 as breakpointUpper };
-        const themeColor_1: string;
-        export { themeColor_1 as themeColor };
-    }
-}
-import PropTypes from "prop-types";
-import React from "react";
+        className: PropTypes.Requireable<string>;
+        breakpointUpper: PropTypes.Requireable<React.ReactText>;
+        themeColor: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        menuData: any;
+        className: any;
+        breakpointUpper: string;
+        themeColor: string;
+    };
+};
+export default NavBar;

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

@@ -1,98 +1,77 @@
-declare namespace _default {
-    export const title: string;
-}
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
 export default _default;
-export function _NavBar(): JSX.Element;
-export namespace _NavBar {
-    export namespace story {
-        export const name: string;
-    }
-}
-export function WithoutSearch(): JSX.Element;
-export namespace WithoutSearch {
-    export namespace story_1 {
-        const name_1: string;
-        export { name_1 as name };
-    }
-    export { story_1 as story };
-}
-export function WithoutSecondaryMenu(): JSX.Element;
-export namespace WithoutSecondaryMenu {
-    export namespace story_2 {
-        const name_2: string;
-        export { name_2 as name };
-    }
-    export { story_2 as story };
-}
-export function WithoutSearchAndSecondaryMenu(): JSX.Element;
-export namespace WithoutSearchAndSecondaryMenu {
-    export namespace story_3 {
-        const name_3: string;
-        export { name_3 as name };
-    }
-    export { story_3 as story };
-}
-export function WithoutSearchAndPrimaryMenu(): JSX.Element;
-export namespace WithoutSearchAndPrimaryMenu {
-    export namespace story_4 {
-        const name_4: string;
-        export { name_4 as name };
-    }
-    export { story_4 as story };
-}
-export function WithBrandingOnly(): JSX.Element;
-export namespace WithBrandingOnly {
-    export namespace story_5 {
-        const name_5: string;
-        export { name_5 as name };
-    }
-    export { story_5 as story };
-}
-export function WithCustomLinkComponents(): JSX.Element;
-export namespace WithCustomLinkComponents {
-    export namespace story_6 {
-        const name_6: string;
-        export { name_6 as name };
-    }
-    export { story_6 as story };
-}
-export function WithTextInTheMenu(): JSX.Element;
-export namespace WithTextInTheMenu {
-    export namespace story_7 {
-        const name_7: string;
-        export { name_7 as name };
-    }
-    export { story_7 as story };
-}
-export function WithSubtext(): JSX.Element;
-export namespace WithSubtext {
-    export namespace story_8 {
-        const name_8: string;
-        export { name_8 as name };
-    }
-    export { story_8 as story };
-}
-export function WithAlternativeBrandingLink(): JSX.Element;
-export namespace WithAlternativeBrandingLink {
-    export namespace story_9 {
-        const name_9: string;
-        export { name_9 as name };
-    }
-    export { story_9 as story };
-}
-export function WithAlternateThemeColor(): JSX.Element;
-export namespace WithAlternateThemeColor {
-    export namespace story_10 {
-        const name_10: string;
-        export { name_10 as name };
-    }
-    export { story_10 as story };
-}
-export function WithReactRouter(): JSX.Element;
-export namespace WithReactRouter {
-    export namespace story_11 {
-        const name_11: string;
-        export { name_11 as name };
-    }
-    export { story_11 as story };
-}
+export declare const _NavBar: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithoutSearch: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithoutSecondaryMenu: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithoutSearchAndSecondaryMenu: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithoutSearchAndPrimaryMenu: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithBrandingOnly: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithCustomLinkComponents: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithTextInTheMenu: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithSubtext: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithAlternativeBrandingLink: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithAlternateThemeColor: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithReactRouter: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/src/NavBar/NavBarDropdownMenu.d.ts

@@ -1,7 +1,8 @@
-export default NavBarDropdownMenu;
+/// <reference types="react" />
 declare const NavBarDropdownMenu: ({ showDelay, hideDelay, defaultOpen, ...props }: {
     [x: string]: any;
     showDelay: any;
     hideDelay: any;
     defaultOpen: any;
 }) => JSX.Element;
+export default NavBarDropdownMenu;

package/dist/src/NavBar/SmallNavBar.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const SmallNavBar: ({ showDelay, hideDelay, defaultOpen, ...props }: {
+    [x: string]: any;
+    showDelay: any;
+    hideDelay: any;
+    defaultOpen: any;
+}) => JSX.Element;
+export default SmallNavBar;

package/dist/src/NavBar/SubMenuTrigger.d.ts

@@ -1,16 +1,15 @@
-export default SubMenuTrigger;
-declare function SubMenuTrigger(props: any): JSX.Element;
-declare namespace SubMenuTrigger {
-    export namespace propTypes {
-        export const name: PropTypes.Validator<string>;
-        export const menuData: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
-        export const onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    export namespace defaultProps {
-        const menuData_1: any;
-        export { menuData_1 as menuData };
-        const onItemClick_1: any;
-        export { onItemClick_1 as onItemClick };
-    }
-}
+/// <reference types="react" />
 import PropTypes from "prop-types";
+declare const SubMenuTrigger: {
+    (props: any): JSX.Element;
+    propTypes: {
+        name: PropTypes.Validator<string>;
+        menuData: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
+        onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    defaultProps: {
+        menuData: any;
+        onItemClick: any;
+    };
+};
+export default SubMenuTrigger;

package/dist/src/NavBar/isValidMenuItem.d.ts

@@ -1,2 +1,2 @@
+declare const isValidMenuItem: (arr: any, idx: any, componentName: any, location: any, propFullName: any) => Error;
 export default isValidMenuItem;
-declare function isValidMenuItem(arr: any, idx: any, componentName: any, location: any, propFullName: any): Error;

package/dist/src/NavBar/renderSubMenuItems.d.ts

@@ -1,2 +1,2 @@
+declare const renderSubMenuItems: (subMenuItems: any, onItemClick: any, SubMenuTrigger: any) => any;
 export default renderSubMenuItems;
-declare function renderSubMenuItems(subMenuItems: any, onItemClick: any, SubMenuTrigger: any): any;

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

@@ -15,9 +15,4 @@ export declare const WithEverything: {
         name: string;
     };
 };
-export declare const WithOnHoverActions: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
+export declare const WithOnHoverActions: () => JSX.Element;

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

@@ -2,11 +2,14 @@
 import { SpaceProps, TypographyProps, ColorProps, OverflowProps, LayoutProps } from "styled-system";
 import { TextOverflowProps } from "../StyledProps/textOverflow";
 import { CursorProps } from "../StyledProps/cursor";
+import type { DefaultNDSThemeType } from "../theme.type";
 export declare type TextProps = React.HTMLAttributes<HTMLParagraphElement> & {
     inline?: boolean;
     disabled?: boolean;
     textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
     fontSize?: string;
-} & SpaceProps & OverflowProps & LayoutProps & TextOverflowProps & TypographyProps & CursorProps & ColorProps;
+} & SpaceProps & OverflowProps & LayoutProps & TextOverflowProps & TypographyProps & CursorProps & ColorProps & {
+    theme?: DefaultNDSThemeType;
+};
 declare const Text: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, TextProps, never>;
 export default Text;

package/dist/src/index.d.ts

@@ -11,7 +11,7 @@ export { Link } from "./Link";
 export { InlineValidation } from "./Validation";
 export { Alert } from "./Alert";
 export { Branding } from "./Branding";
-export { DropdownMenu, DropdownLink, DropdownButton, DropdownItem, } from "./DropdownMenu";
+export { DropdownMenu, DropdownLink, DropdownButton, DropdownItem, DropdownText, } from "./DropdownMenu";
 export { HelpText, RequirementText, FieldLabel } from "./FieldLabel";
 export { Input } from "./Input";
 export { NavBar } from "./NavBar";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "6.7.3",
+  "version": "6.8.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -138,7 +138,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.9.6",
-    "@nulogy/tokens": "^5.2.0",
+    "@nulogy/tokens": "^5.3.0",
     "@styled-system/prop-types": "^5.1.4",
     "@styled-system/theme-get": "^5.1.2",
     "body-scroll-lock": "^3.1.5",