@nulogy/components 6.7.2 → 6.7.5

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const BrandingText: React.SFC<any>;
+declare const BrandingText: React.FC<any>;
 export default BrandingText;

package/dist/src/Branding/LettermarkLogo.d.ts

@@ -3,5 +3,5 @@ declare type LettermarkLogoProps = {
     letterFill?: string;
     size?: string;
 };
-declare const LettermarkLogo: React.SFC<LettermarkLogoProps>;
+declare const LettermarkLogo: React.FC<LettermarkLogoProps>;
 export default LettermarkLogo;

package/dist/src/Branding/WordmarkLogo.d.ts

@@ -4,5 +4,5 @@ declare type WordmarkLogoProps = {
     letterFill?: string;
     size?: string;
 };
-declare const WordmarkLogo: React.SFC<WordmarkLogoProps>;
+declare const WordmarkLogo: React.FC<WordmarkLogoProps>;
 export default WordmarkLogo;

package/dist/src/Breadcrumbs/BreadcrumbsListItem.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const BreadcrumbsListItem: React.SFC<any>;
+declare const BreadcrumbsListItem: React.FC<any>;
 export default BreadcrumbsListItem;

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

@@ -13,5 +13,5 @@ export declare type ButtonProps = SpaceProps & React.ComponentPropsWithRef<"butt
     theme?: DefaultNDSThemeType;
     href?: string;
 };
-declare const Button: React.SFC<ButtonProps>;
+declare const Button: React.FC<ButtonProps>;
 export default Button;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ButtonProps } from "./Button";
-declare const DangerButton: import("styled-components").StyledComponent<import("react").SFC<ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const DangerButton: import("styled-components").StyledComponent<import("react").FC<ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
 export default DangerButton;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const PrimaryButton: React.SFC<any>;
+declare const PrimaryButton: React.FC<any>;
 export default PrimaryButton;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ButtonProps } from "./Button";
-declare const QuietButton: import("styled-components").StyledComponent<import("react").SFC<ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const QuietButton: import("styled-components").StyledComponent<import("react").FC<ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
 export default QuietButton;

package/dist/src/ButtonGroup/ButtonGroup.d.ts

@@ -4,5 +4,5 @@ declare type ButtonGroupProps = FlexProps & {
     alignment?: "left" | "spaced" | "right";
     className?: string;
 };
-declare const ButtonGroup: React.SFC<ButtonGroupProps>;
+declare const ButtonGroup: React.FC<ButtonGroupProps>;
 export default ButtonGroup;

package/dist/src/Card/Card.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box/Box";
-declare const Card: React.SFC<BoxProps>;
+declare const Card: React.FC<BoxProps>;
 export default Card;

package/dist/src/Card/CardSet.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { BoxProps } from "../Box/Box";
-declare const CardSet: import("styled-components").StyledComponent<React.SFC<BoxProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const CardSet: import("styled-components").StyledComponent<React.FC<BoxProps>, import("styled-components").DefaultTheme, {}, never>;
 export default CardSet;

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

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Checkbox: React.SFC<any>;
+declare const Checkbox: React.FC<any>;
 export default Checkbox;

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

@@ -14,5 +14,5 @@ interface CheckboxGroupProps {
     required?: boolean;
     disabled?: boolean;
 }
-declare const CheckboxGroup: React.SFC<CheckboxGroupProps>;
+declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
 export default CheckboxGroup;

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

@@ -14,5 +14,5 @@ declare type DatePickerProps = FieldProps & {
     disableFlipping?: boolean;
     className?: string;
 };
-declare const DatePicker: React.SFC<DatePickerProps>;
+declare const DatePicker: React.FC<DatePickerProps>;
 export default DatePicker;

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

@@ -7,5 +7,5 @@ declare type DatePickerHeaderProps = {
     nextMonthButtonDisabled: boolean;
     locale?: string;
 };
-declare const DatePickerHeader: React.SFC<DatePickerHeaderProps>;
+declare const DatePickerHeader: React.FC<DatePickerHeaderProps>;
 export default DatePickerHeader;

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

@@ -12,5 +12,5 @@ declare type DatePickerInputProps = {
     inputProps?: any;
     "aria-label"?: string;
 };
-declare const DatePickerInput: React.SFC<DatePickerInputProps>;
+declare const DatePickerInput: React.FC<DatePickerInputProps>;
 export default DatePickerInput;

package/dist/src/DateRange/DateRange.d.ts

@@ -30,5 +30,5 @@ declare type DateRangeProps = FieldProps & {
     endTimeProps?: any;
     startTimeProps?: any;
 };
-declare const DateRange: React.SFC<DateRangeProps>;
+declare const DateRange: React.FC<DateRangeProps>;
 export default DateRange;

package/dist/src/DateRange/EndTime.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const EndTime: import("styled-components").StyledComponent<import("react").SFC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("react").ReactText>>, string | number | symbol> & {
+declare const EndTime: import("styled-components").StyledComponent<import("react").FC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("react").ReactText>>, string | number | symbol> & {
     disabled?: boolean;
     value?: string;
     timeFormat?: string;

package/dist/src/DateRange/StartTime.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const StartTime: import("styled-components").StyledComponent<import("react").SFC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("react").ReactText>>, string | number | symbol> & {
+declare const StartTime: import("styled-components").StyledComponent<import("react").FC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("react").ReactText>>, string | number | symbol> & {
     disabled?: boolean;
     value?: string;
     timeFormat?: string;

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

@@ -7,5 +7,5 @@ declare type DropdownButtonProps = React.ComponentPropsWithRef<"button"> & {
     hoverColor?: string;
     bgHoverColor?: string;
 };
-declare const DropdownButton: React.SFC<DropdownButtonProps>;
+declare const DropdownButton: React.FC<DropdownButtonProps>;
 export default DropdownButton;

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

@@ -6,5 +6,5 @@ declare type DropdownItemProps = {
     hoverColor?: string;
     bgHoverColor?: string;
 };
-declare const DropdownItem: React.SFC<DropdownItemProps>;
+declare const DropdownItem: React.FC<DropdownItemProps>;
 export default DropdownItem;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const DropdownLink: React.SFC<any>;
+declare const DropdownLink: React.FC<any>;
 export default DropdownLink;

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

@@ -14,5 +14,5 @@ declare type DropdownMenuProps = {
     openAriaLabel?: string;
     closeAriaLabel?: string;
 };
-declare const DropdownMenu: React.SFC<DropdownMenuProps>;
+declare const DropdownMenu: React.FC<DropdownMenuProps>;
 export default DropdownMenu;

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

@@ -7,5 +7,5 @@ declare type DropdownMenuContainerProps = {
     dataPlacement?: any;
     theme?: DefaultNDSThemeType;
 };
-declare const DropdownMenuContainer: React.SFC<DropdownMenuContainerProps>;
+declare const DropdownMenuContainer: React.FC<DropdownMenuContainerProps>;
 export default DropdownMenuContainer;

package/dist/src/Form/Fieldset.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Fieldset: React.SFC<any>;
+declare const Fieldset: React.FC<any>;
 export default Fieldset;

package/dist/src/Form/FormSection.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 declare type BaseFormSectionProps = React.ComponentPropsWithRef<"fieldset"> & {
     title?: string;
 };
-declare const FormSection: import("styled-components").StyledComponent<React.SFC<BaseFormSectionProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const FormSection: import("styled-components").StyledComponent<React.FC<BaseFormSectionProps>, import("styled-components").DefaultTheme, {}, never>;
 export default FormSection;

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

@@ -5,5 +5,5 @@ declare type LoadingIconProps = {
     title?: string;
     className?: string;
 };
-declare const LoadingIcon: React.SFC<LoadingIconProps>;
+declare const LoadingIcon: React.FC<LoadingIconProps>;
 export default LoadingIcon;

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

@@ -7,5 +7,5 @@ declare type InputProps = InputFieldProps & SpaceProps & {
     errorList?: string[];
     className?: string;
 };
-declare const Input: React.SFC<InputProps>;
+declare const Input: React.FC<InputProps>;
 export default Input;

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

@@ -17,4 +17,4 @@ export declare type InputFieldProps = React.ComponentPropsWithRef<"input"> & {
     iconSize?: string;
     inputWidth?: string;
 };
-export declare const InputField: React.SFC<InputFieldProps>;
+export declare const InputField: React.FC<InputFieldProps>;

package/dist/src/List/List.d.ts

@@ -8,5 +8,5 @@ declare type ListProps = React.ComponentPropsWithRef<"ul"> & SpaceProps & Border
     leftAlign?: boolean;
     listStyle?: string;
 };
-declare const List: React.SFC<ListProps>;
+declare const List: React.FC<ListProps>;
 export default List;

package/dist/src/List/ListItem.d.ts

@@ -3,5 +3,5 @@ import { SpaceProps, ColorProps, TypographyProps } from "styled-system";
 declare type ListItemProps = React.ComponentPropsWithRef<"li"> & SpaceProps & ColorProps & TypographyProps & {
     className?: string;
 };
-declare const ListItem: React.SFC<ListItemProps>;
+declare const ListItem: React.FC<ListItemProps>;
 export default ListItem;

package/dist/src/LoadingAnimation/LoadingAnimation.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 declare type LoadingAnimationProps = React.ComponentPropsWithRef<"svg"> & {
     inactive?: boolean;
 };
-declare const LoadingAnimation: React.SFC<LoadingAnimationProps>;
+declare const LoadingAnimation: React.FC<LoadingAnimationProps>;
 export default LoadingAnimation;

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

@@ -4,5 +4,5 @@ declare type ModalContentProps = React.ComponentPropsWithRef<"div"> & {
     hasFooter?: any;
     theme?: DefaultNDSThemeType;
 };
-declare const ModalContent: React.SFC<ModalContentProps>;
+declare const ModalContent: React.FC<ModalContentProps>;
 export default ModalContent;

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;