@nulogy/components 8.14.3 → 8.14.5

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

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

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

@@ -1,17 +1,18 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Breadcrumbs: () => JSX.Element;
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const _Breadcrumbs: () => React.JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const WithoutLink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithReactRouter: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,47 +1,48 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Button: () => JSX.Element;
+export declare const _Button: () => React.JSX.Element;
 export declare const _PrimaryButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const _DangerButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const _QuietButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const WithASelectedIcon: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToFullWidth: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const AsALink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,3 +1,3 @@
 import React from "react";
-declare const CloseButton: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+declare const CloseButton: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
 export default CloseButton;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
-declare const ControlIcon: React.ForwardRefExoticComponent<Pick<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
+declare const ControlIcon: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: React.Ref<HTMLButtonElement>;
 } & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     onClick?: (...args: any[]) => any;
@@ -10,5 +10,5 @@ declare const ControlIcon: React.ForwardRefExoticComponent<Pick<Pick<React.Detai
     size?: string;
     type?: string;
     label?: string;
-}, "label" | "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "toggled" | "icon" | "size" | keyof SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>> & React.RefAttributes<unknown>>;
+}, "ref"> & React.RefAttributes<unknown>>;
 export default ControlIcon;

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

@@ -1,7 +1,8 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _ControlIcon: () => JSX.Element;
-export declare const Disabled: () => JSX.Element;
-export declare const Toggled: () => JSX.Element;
+export declare const _ControlIcon: () => React.JSX.Element;
+export declare const Disabled: () => React.JSX.Element;
+export declare const Toggled: () => React.JSX.Element;

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

@@ -1,57 +1,58 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const WithoutALabel: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithLabel: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithALongLabel: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAHiddenLabel: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithACustomIconSize: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithACustomColor: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithATooltipAndLabel: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const rightAligned: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         chromatic: {
             diffThreshold: number;
@@ -59,18 +60,18 @@ export declare const rightAligned: {
     };
 };
 export declare const WithACustomFontSize: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const WithNonTextChildren: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithCustomHoverBackgroundThemeColor: () => JSX.Element;
-export declare const WithCustomHoverBackgroundNonThemeColor: () => JSX.Element;
-export declare const WithLargerIcons: () => JSX.Element;
+export declare const WithCustomHoverBackgroundThemeColor: () => React.JSX.Element;
+export declare const WithCustomHoverBackgroundNonThemeColor: () => React.JSX.Element;
+export declare const WithLargerIcons: () => React.JSX.Element;

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

@@ -1,33 +1,34 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const _ButtonGroup: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAlignmentRight: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAlignmentSpaced: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const MoreButtonTypes: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WrappingButtons: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
         parameters: {

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

@@ -1,12 +1,13 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Card: () => JSX.Element;
+export declare const _Card: () => React.JSX.Element;
 export declare const CustomCard: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const Cardset: () => JSX.Element;
+export declare const Cardset: () => React.JSX.Element;

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

@@ -1,57 +1,58 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Checkbox: () => JSX.Element;
+export declare const _Checkbox: () => React.JSX.Element;
 export declare const Multiline: {
-    (): JSX.Element;
-    decorators: ((story: any) => JSX.Element)[];
+    (): React.JSX.Element;
+    decorators: ((story: any) => React.JSX.Element)[];
 };
 export declare const SetToDefaultChecked: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const CheckboxWithNoLabel: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToError: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToRequired: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const Indeterminate: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithState: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const UsingRefToControlFocus: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,35 +1,36 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const _CheckboxGroup: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const CheckboxGroupWithAllProps: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithErrorMessage: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithErrorList: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const Controlled: () => JSX.Element;
+export declare const Controlled: () => React.JSX.Element;

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

@@ -1,46 +1,47 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const Default: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomDateFormat: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const WithCustomPlaceholder: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithErrorState: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithMinAndMaxDate: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const DisableFlipping: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const UsingRefToControlFocus: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,17 +1,18 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const WithDifferentSizes: () => JSX.Element;
-export declare const DefaultStartAndEndDate: () => JSX.Element;
-export declare const DisabledRangeValidation: () => JSX.Element;
-export declare const WithCustomError: () => JSX.Element;
-export declare const CustomizingInputProps: () => JSX.Element;
-export declare const Disabled: () => JSX.Element;
-export declare const IndividualInputError: () => JSX.Element;
-export declare const WithTimes: () => JSX.Element;
-export declare const CustomizingInputPropsWithTimes: () => JSX.Element;
-export declare const WithDefaultStartAndEndTimes: () => JSX.Element;
-export declare const WithTimeError: () => JSX.Element;
-export declare const UsingRefToControlFocus: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;
+export declare const DefaultStartAndEndDate: () => React.JSX.Element;
+export declare const DisabledRangeValidation: () => React.JSX.Element;
+export declare const WithCustomError: () => React.JSX.Element;
+export declare const CustomizingInputProps: () => React.JSX.Element;
+export declare const Disabled: () => React.JSX.Element;
+export declare const IndividualInputError: () => React.JSX.Element;
+export declare const WithTimes: () => React.JSX.Element;
+export declare const CustomizingInputPropsWithTimes: () => React.JSX.Element;
+export declare const WithDefaultStartAndEndTimes: () => React.JSX.Element;
+export declare const WithTimeError: () => React.JSX.Element;
+export declare const UsingRefToControlFocus: () => React.JSX.Element;

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

@@ -1,4 +1,5 @@
+import React from "react";
 import { BoxProps } from "../Box/Box";
 type DividerProps = BoxProps;
-declare const Divider: ({ borderColor, ...props }: DividerProps) => JSX.Element;
+declare const Divider: ({ borderColor, ...props }: DividerProps) => React.JSX.Element;
 export default Divider;

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

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    component: ({ borderColor, ...props }: import("../Box/Box").BoxProps) => JSX.Element;
+    component: ({ borderColor, ...props }: import("../Box/Box").BoxProps) => React.JSX.Element;
 };
 export default _default;
-export declare const _Divider: () => JSX.Element;
+export declare const _Divider: () => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { DefaultNDSThemeType } from "../theme.type";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
-declare const DropdownButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
+declare const DropdownButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: React.Ref<HTMLButtonElement>;
 } & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BoxShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/cursor").CursorProps & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/textOverflow").TextOverflowProps & import("../StyledProps/transform").TransformProps & import("../StyledProps/transition").TransitionProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("../StyledProps/visibility").VisibilityProps & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     size?: ComponentSize;

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

@@ -1,49 +1,50 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const _DropdownMenu: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomTrigger: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomColors: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const WithButtonClosingMenu: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithCustomLink: () => JSX.Element;
-export declare const WithCustomText: () => JSX.Element;
+export declare const WithCustomLink: () => React.JSX.Element;
+export declare const WithCustomText: () => React.JSX.Element;
 export declare const SetToDefaultOpen: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithSubmenu: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithVisitedLinks: () => JSX.Element;
+export declare const WithVisitedLinks: () => React.JSX.Element;
 export declare const SetToDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,6 +1,7 @@
+import React from "react";
 import { FieldLabelProps } from "./FieldLabel.type";
 declare const FieldLabel: {
-    ({ labelText, requirementText, helpText, children, ...props }: FieldLabelProps): JSX.Element;
+    ({ labelText, requirementText, helpText, children, ...props }: FieldLabelProps): React.JSX.Element;
     defaultProps: {
         children: any;
         requirementText: any;

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

@@ -1,33 +1,34 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const _FieldLabel: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithHelpText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithRequirementText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAllAdditionalText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAssociatedCustomInputComponent: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,2 +1,3 @@
-declare const MaybeFieldLabel: ({ labelText, children, ...props }: any) => JSX.Element;
+import React from "react";
+declare const MaybeFieldLabel: ({ labelText, children, ...props }: any) => React.JSX.Element;
 export default MaybeFieldLabel;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { TextProps } from "../Type/Text";
-declare const RequirementText: (props: TextProps) => JSX.Element;
+declare const RequirementText: (props: TextProps) => React.JSX.Element;
 export default RequirementText;