@luscii-healthtech/web-ui 2.48.1 → 2.48.2

package/dist/components/ButtonV2/ButtonProps.type.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { IconProps } from "../Icons/types/IconProps.type";
+import type { IconKey, IconProps } from "../Icons/types/IconProps.type";
 import { TextColor, TextHoverColor } from "../Text/Text";
 /**
  * Properties that are present in all variants of the button
@@ -8,7 +8,7 @@ import { TextColor, TextHoverColor } from "../Text/Text";
 export interface BaseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     text?: string;
-    icon?: React.FunctionComponent<IconProps>;
+    icon?: React.FunctionComponent<IconProps> | IconKey;
     isDisabled?: boolean;
     className?: string;
 }

package/dist/components/ConfirmationDialog/ConfirmationDialogTitle.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { ConfirmationDialogTitleProps } from "./types/ConfirmationDialog.types";
+import type { ConfirmationDialogTitleProps } from "./types/ConfirmationDialog.types";
 export declare const ConfirmationDialogTitle: React.FC<ConfirmationDialogTitleProps>;

package/dist/components/ConfirmationDialog/types/ConfirmationDialog.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconProps } from "../../Icons/types/IconProps.type";
+import type { IconKey, IconProps } from "../../Icons/types/IconProps.type";
 import type { NotificationBannerColor } from "../../NotificationBanner/NotificationBanner";
 interface ConfirmationDialogTexts {
     message: string | string[];
@@ -23,7 +23,7 @@ export interface ConfirmationDialogProps {
     isProcessing?: boolean;
     withTitle?: {
         title: string;
-        icon?: React.FC<IconProps>;
+        icon?: React.FC<IconProps> | IconKey;
     };
     choices?: {
         defaultChoice?: ConfirmationDialogChoice["value"];

package/dist/components/Icon/Icon.d.ts

@@ -3,4 +3,11 @@ import { IconProps, IconKey } from "../Icons/types/IconProps.type";
 export declare const Icon: React.FC<{
     name: IconKey;
 } & IconProps>;
+/**
+ * This is a temporary component to transition the way we pass icons to components.
+ * Once all components are passed an IconKey instead of a function component we can replace it with the Icon component.
+ */
+export declare const IconComponentOrKey: React.FC<{
+    name: React.FunctionComponent<IconProps> | IconKey;
+} & IconProps>;
 export default Icon;

package/dist/components/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { AllowedTextInputTypes } from "../Form/form.types";
-import { IconProps } from "../Icons/types/IconProps.type";
+import type { IconKey, IconProps } from "../Icons/types/IconProps.type";
 import { FormFieldWidth } from "../Form/form.types";
 import "./Input.css";
 export declare const INPUT_TYPES: Record<string, AllowedTextInputTypes>;
@@ -27,7 +27,7 @@ export interface InputProps extends CustomHTMLInputProps {
     isDisabled?: boolean;
     withPrefix?: string;
     withSuffix?: string;
-    icon?: React.VoidFunctionComponent<IconProps>;
+    icon?: React.FC<IconProps> | IconKey;
     width?: FormFieldWidth;
     /**
      * Check the `asFormField` prop of this component to understand why this signature.