@nulogy/components 8.14.2 → 8.14.4

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;

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

@@ -1,118 +1,119 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Flex: () => JSX.Element;
+export declare const _Flex: () => React.JSX.Element;
 export declare const FlexDirectionSetToRowReverse: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const FlexDirectionSetToColumn: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const FlexDirectionSetToColumnReverse: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const FlexWrapSetToNoWrapDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const FlexWrapSetToWrap: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const FlexWrapSetToWrapReverse: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const JustifyContentSetToFlexStartDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const JustifyContentSetToFlexEnd: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const JustifyContentSetToCenter: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const JustifyContentSetToSpaceBetween: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const JustifyContentSetToSpaceAround: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const JustifyContentSetToSpaceEvenly: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const AlignItemsSetToStretchDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const AlignItemsSetToFlexStart: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const AlignItemsSetToCenter: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const AlignItemsSetToFlexEnd: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomOrder: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const Ie11MinHeightSolution1: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const Ie11MinHeightSolution2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -6,5 +6,5 @@ type FormProps = SpaceProps & {
     style?: React.CSSProperties;
     id?: string;
 };
-declare const Form: import("styled-components").StyledComponent<({ title, children, ...props }: FormProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const Form: import("styled-components").StyledComponent<({ title, children, ...props }: FormProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default Form;