@nulogy/components 10.1.3 → 10.2.0

package/dist/main.js

@@ -24832,12 +24832,10 @@
         }]
       }, function (_ref6) {
         var ref = _ref6.ref,
-            style = _ref6.style,
-            placement = _ref6.placement;
+            style = _ref6.style;
         return labelHidden || tooltip ? /*#__PURE__*/React__default["default"].createElement(HoverText, {
           ref: ref,
-          style: style,
-          placement: placement
+          style: style
         }, tooltip ? tooltip : children) : null;
       })), children && !labelHidden && (typeof children === "string" || typeof children === "number" ? /*#__PURE__*/React__default["default"].createElement(Text, {
         fontSize: fontSize,
@@ -24846,16 +24844,6 @@
         color: color
       }, children) : children));
     });
-    IconicButton.propTypes = {
-      className: PropTypes__default["default"].string,
-      color: PropTypes__default["default"].string,
-      disabled: PropTypes__default["default"].bool,
-      onClick: PropTypes__default["default"].func,
-      icon: PropTypes__default["default"].string,
-      iconSize: PropTypes__default["default"].string,
-      tooltip: PropTypes__default["default"].string,
-      children: PropTypes__default["default"].node
-    };
 
     var WrapperButton = styled__default["default"].button.withConfig({
       displayName: "CloseButton__WrapperButton",

package/dist/main.module.js

@@ -24815,12 +24815,10 @@ var IconicButton = /*#__PURE__*/React__default.forwardRef(function (_a, forwarde
     }]
   }, function (_ref6) {
     var ref = _ref6.ref,
-        style = _ref6.style,
-        placement = _ref6.placement;
+        style = _ref6.style;
     return labelHidden || tooltip ? /*#__PURE__*/React__default.createElement(HoverText, {
       ref: ref,
-      style: style,
-      placement: placement
+      style: style
     }, tooltip ? tooltip : children) : null;
   })), children && !labelHidden && (typeof children === "string" || typeof children === "number" ? /*#__PURE__*/React__default.createElement(Text, {
     fontSize: fontSize,
@@ -24829,16 +24827,6 @@ var IconicButton = /*#__PURE__*/React__default.forwardRef(function (_a, forwarde
     color: color
   }, children) : children));
 });
-IconicButton.propTypes = {
-  className: PropTypes.string,
-  color: PropTypes.string,
-  disabled: PropTypes.bool,
-  onClick: PropTypes.func,
-  icon: PropTypes.string,
-  iconSize: PropTypes.string,
-  tooltip: PropTypes.string,
-  children: PropTypes.node
-};
 
 var WrapperButton = styled.button.withConfig({
   displayName: "CloseButton__WrapperButton",

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "10.1.3",
+  "version": "10.2.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {