@luscii-healthtech/web-ui 2.49.0 → 2.49.1

package/dist/components/NotificationBanner/NotificationBanner.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DynamicIconProps } from "../Icons/DynamicIcon";
+import { IconProps } from "../Icons/types/IconProps.type";
 export declare type NotificationBannerColor = "base" | "blue" | "red" | "green" | "amber";
 export interface NotificationBannerLinkProps {
     text: string;
@@ -21,7 +21,7 @@ export declare type NotificationBannerProps = (NotificationBannerPropsWithChildr
     /**
      * The icon can either be one of our icon components or an image url
      */
-    icon?: DynamicIconProps["icon"];
+    icon?: string | React.FunctionComponent<IconProps>;
     className?: string;
     stretch?: boolean;
     /**

package/dist/web-ui.cjs.development.js

@@ -3563,22 +3563,6 @@ var TextLink = function TextLink(props) {
   }, props.text);
 };
 
-var DynamicIcon = function DynamicIcon(props) {
-  var icon = props.icon,
-      className = props.className;
-
-  if (typeof icon === "string") {
-    return /*#__PURE__*/React__default.createElement("img", {
-      src: icon,
-      className: className
-    });
-  }
-
-  return /*#__PURE__*/React__default.createElement(icon, {
-    className: className
-  });
-};
-
 var NotificationBanner = function NotificationBanner(props) {
   var _props$stretch = props.stretch,
       stretch = _props$stretch === void 0 ? true : _props$stretch,
@@ -3610,10 +3594,12 @@ var NotificationBanner = function NotificationBanner(props) {
     })
   }, /*#__PURE__*/React__default.createElement("div", {
     className: classes
-  }, props.icon && /*#__PURE__*/React__default.createElement(DynamicIcon, {
-    className: "w-6 h-6 mr-3",
-    icon: props.icon
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }, props.icon && (typeof props.icon === "function" ? /*#__PURE__*/React__default.createElement(props.icon, {
+    className: "w-6 h-6 mr-3"
+  }) : /*#__PURE__*/React__default.createElement("img", {
+    src: props.icon,
+    className: "w-6 h-6 mr-3"
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col"
   }, props.children, (props.text || props.linkProps) && /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-row items-center"