@nulogy/components 10.1.3 → 10.2.1

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

@@ -1,16 +1,18 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
-type BaseProps = {
+interface BaseProps {
     size?: ComponentSize;
     color?: string;
     labelHidden?: boolean;
-    icon?: any;
+    icon?: string;
     iconSize?: string;
     hoverBackgroundColor?: string;
     fontSize?: string;
-    tooltip?: string;
-};
-declare const IconicButton: React.ForwardRefExoticComponent<BaseProps & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseProps> & React.RefAttributes<HTMLButtonElement>>;
+    tooltip?: React.ReactNode;
+}
+interface IconicButtonProps extends BaseProps, SpaceProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseProps> {
+}
+declare const IconicButton: React.ForwardRefExoticComponent<IconicButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const iconNames: string[];
 export default IconicButton;

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

@@ -51,6 +51,12 @@ export declare const WithATooltipAndLabel: {
         name: string;
     };
 };
+export declare const WithAComplicatedTooltipAndLabel: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
 export declare const rightAligned: {
     (): React.JSX.Element;
     parameters: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const HelpText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLParagraphElement> & {
     inline?: boolean;
     disabled?: boolean;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
-type IconProps = SpaceProps & {
+interface IconProps extends SpaceProps {
     icon: string;
     className?: string;
     size?: string;
@@ -8,23 +8,7 @@ type IconProps = SpaceProps & {
     color?: string;
     focusable?: boolean;
     style?: React.CSSProperties;
-};
-declare const Icon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    icon: string;
-    className?: string;
-    size?: string;
-    title?: string;
-    color?: string;
-    focusable?: boolean;
-    style?: React.CSSProperties;
-} & React.RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    icon: string;
-    className?: string;
-    size?: string;
-    title?: string;
-    color?: string;
-    focusable?: boolean;
-    style?: React.CSSProperties;
-}, never>;
+}
+declare const Icon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, IconProps, never>;
 export declare const InlineIcon: (props: IconProps) => React.JSX.Element;
 export default Icon;

package/dist/src/StatusIndicator/StatusIndicator.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { SpaceProps, TypographyProps, FlexboxProps } from "styled-system";
 export declare const StatusIndicatorValues: {
     readonly neutral: "neutral";
@@ -10,8 +9,8 @@ export declare const StatusIndicatorValues: {
     readonly quiet: "quiet";
 };
 export type StatusIndicatorType = typeof StatusIndicatorValues[keyof typeof StatusIndicatorValues];
-type StatusIndicatorProps = SpaceProps & TypographyProps & FlexboxProps & {
+interface Props extends SpaceProps, TypographyProps, FlexboxProps {
     type?: StatusIndicatorType;
-};
-declare const StatusIndicator: React.FC<StatusIndicatorProps>;
+}
+declare const StatusIndicator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Props, never>;
 export default StatusIndicator;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Heading1: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLParagraphElement> & {
     inline?: boolean;
     disabled?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DefaultNDSThemeType } from "../theme.type";
 import { StyledProps } from "../StyledProps";
 export type TextProps = React.HTMLAttributes<HTMLParagraphElement> & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "10.1.3",
+  "version": "10.2.1",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -154,7 +154,7 @@
     "react-datepicker": "^4.1.0",
     "react-fast-compare": "^3.2.0",
     "react-hot-toast": "^2.4.1",
-    "react-i18next": "^11.14.2",
+    "react-i18next": "^12.3.1",
     "react-input-autosize": "^2.2.2",
     "react-modal": "^3.14.4",
     "react-popper": "1.3.11",