globalfy-design-system 0.42.0 → 0.44.0

package/dist/components/atoms/Alert/Alert.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare enum ActionType {
     Button = "button",
     Link = "link"
@@ -14,7 +15,7 @@ export type AlertProps = {
     message: string;
     inlineActions?: boolean;
     toastType?: ToastType;
-    icon?: string;
+    icon?: React.ReactNode;
     hasCloseButton?: boolean;
     iconVariant?: "neutral" | "success" | "error" | "warning" | "banner";
     actions?: AlertAction[];

package/dist/components/atoms/Button/Button.stories.d.ts

@@ -3,6 +3,14 @@ declare const meta: {
     title: string;
     component: ({ children, size, variant, disabled, full, iconLeft, iconRight, className, hasLoading, isLoadingComplete, onClick, onLoadingAnimationComplete, ...props }: import("./Button.types").ButtonProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
+    argTypes: {
+        iconLeft: {
+            type: "string";
+        };
+        iconRight: {
+            type: "string";
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/atoms/Button/Button.types.d.ts

@@ -2,8 +2,8 @@
 export type ButtonVariant = "primaryDark" | "primaryLight" | "primary" | "negative" | "secondaryNegative" | "secondary" | "tertiary" | "tertiaryDark" | "tertiaryLight" | "direction" | "directionCircle";
 export type ButtonProps = {
     children: React.ReactNode;
-    iconLeft?: string;
-    iconRight?: string;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
     full?: boolean;
     size?: "small" | "medium" | "large";
     variant?: ButtonVariant;

package/dist/components/atoms/Chip/Chip.types.d.ts

@@ -6,6 +6,6 @@ export type ChipProps = {
     "data-testid"?: string;
     avatar?: string;
     disabled?: boolean;
-    iconLeft?: string;
-    iconRight?: string;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
 };

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

@@ -3,7 +3,7 @@ export declare const Input: React.ForwardRefExoticComponent<{
     label: string;
     placeholder?: string | undefined;
     message?: string | undefined;
-    icon?: string | undefined;
+    icon?: React.ReactNode;
     isInvalid?: boolean | undefined;
     isValid?: boolean | undefined;
     disabled?: boolean | undefined;

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

@@ -6,7 +6,7 @@ declare const meta: {
         label: string;
         placeholder?: string | undefined;
         message?: string | undefined;
-        icon?: string | undefined;
+        icon?: import("react").ReactNode;
         isInvalid?: boolean | undefined;
         isValid?: boolean | undefined;
         disabled?: boolean | undefined;

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

@@ -3,7 +3,7 @@ export type InputProps = {
     label: string;
     placeholder?: string;
     message?: string;
-    icon?: string;
+    icon?: React.ReactNode;
     isInvalid?: boolean;
     isValid?: boolean;
     disabled?: boolean;

package/dist/components/atoms/Tabs/Tabs.types.d.ts

@@ -3,7 +3,7 @@ export type TabsProps = {
     className?: string;
     "data-testid"?: string;
     tabs: {
-        icon?: string;
+        icon?: ReactNode;
         key: string;
         title: string;
         content?: ReactNode;